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()) },
// Apply custom text style
textStyle = TextStyle(fontFamily = FontFamily.SansSerif, fontSize = 30.sp),
)
176 Nov 22, 2022
59 Dec 14, 2022
4 May 1, 2022
1 Mar 8, 2022
3 Jun 20, 2022
0 Jan 26, 2022
14 Dec 21, 2022
23 Aug 24, 2022
9 Jul 5, 2022
186 Jan 1, 2023
382 Jan 5, 2023
3 Dec 31, 2022
1 Aug 11, 2022
180 Jan 2, 2023
5 Apr 5, 2022
3 Dec 15, 2022
5 Dec 29, 2022
10 Nov 23, 2022
548 Jan 7, 2023