DateTextField for Jetpack Compose
Date text field with on the fly validation built with Jetpack Compose.
Input is being validated while user is typing it, so it is impossible to enter a wrong value.
Made in LANARS.
Download
repositories {
...
maven { url 'https://jitpack.io' }
}
dependencies {
implementation 'com.github.LanarsInc:compose-date-text-field:{latest version}'
}
Preview
User can only enter existing dates
User can only enter dates that are in the allowed range
Input is being validated even though some fields are not complete
Usage
Basic implementation
DateTextField(
onEditingComplete = {}
)
You can set the exact date boundaries or leave it by default, from 1/1/1900 to 12/31/2100. Date format by default will be MM/DD/YYYY
DateTextField(
// Detect focus changes
modifier = Modifier.onFocusChanged { Log.d("DateInput", it.toString()) },
// Set the desired date format
format = Format.MMDDYYYY,
// Set min and max date
minDate = LocalDate.of(2009, 8, 27),
maxDate = LocalDate.of(2020, 9, 17),
// Detect value changes
onValueChange = {
Log.d(
"DateInput",
it.toString()
)
},
// Get LocalDate object when date is entered
onEditingComplete = { Log.d("DateInput", it.toString()) },
// Preset date value
value = LocalDate.of(2020, 12, 12)
// Apply custom text style to content
contentTextStyle = TextStyle(fontSize = 25.sp, color = Color.Black),
// Apply custom text style to hint
hintTextStyle = TextStyle(fontSize = 25.sp, color = Color.Gray),
// Apply custom style to cursor
cursorBrush = SolidColor(Color.Red),
// Set custom delimiter
delimiter = '.',
// Set padding between digits
padding = DateDigitsPadding(6.dp)
// You can set field to be readonly
readOnly = true
)
4.2k Jan 1, 2023
1.9k Dec 29, 2022
1.7k Dec 29, 2022
739 Sep 5, 2022
600 Nov 29, 2022
381 Nov 20, 2022
439 Nov 29, 2022
354 Nov 28, 2022
161 Nov 25, 2022
1.5k Dec 14, 2022
335 Dec 25, 2022
147 Nov 20, 2022
270 Nov 11, 2022
4 Feb 14, 2022
250 Jan 4, 2023
26 Dec 14, 2022
6k Jan 2, 2023
5.5k Jan 5, 2023