Extend DateField with a themeResId to support different picker styles

Author: edorex-benji

README.md

@@ -23,7 +23,7 @@ dependencyResolutionManagement {
 
 2. Add the dependency in your build.gradle file.
 ```kotlin
-implementation 'com.github.benjamin-luescher:compose-form:0.2.0'
+implementation 'com.github.benjamin-luescher:compose-form:0.2.1'
 ```
 
 ## Easy example

app/src/main/java/com/edorex/mobile/composeForm/MainActivity.kt

@@ -108,6 +108,7 @@ fun FormPage() {
                             label = "End Date",
                             form = viewModel.form,
                             fieldState = viewModel.form.endDate,
+                            themeResId = R.style.customDatePickerStyle,
                             formatter = ::dateLong
                         ).Field()
 

app/src/main/res/values-night/styles.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="customDatePickerStyle" parent="android:Theme.Material.Dialog.Alert">
+        <item name="android:datePickerStyle">@style/customDatePicker</item>
+    </style>
+
+    <style name="customDatePicker" parent="@android:style/Widget.Material.Light.DatePicker">
+        <item name="android:datePickerMode">spinner</item>
+        <item name="android:calendarViewShown">false</item>
+    </style>
+</resources>

app/src/main/res/values/styles.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="customDatePickerStyle" parent="android:Theme.Material.Light.Dialog.Alert">
+        <item name="android:datePickerStyle">@style/customDatePicker</item>
+    </style>
+
+    <style name="customDatePicker" parent="@android:style/Widget.Material.Light.DatePicker">
+        <item name="android:datePickerMode">spinner</item>
+        <item name="android:calendarViewShown">false</item>
+    </style>
+</resources>

composeform/build.gradle

@@ -69,7 +69,7 @@ publishing {
         release(MavenPublication) {
             groupId = 'com.github.benjamin-luescher'
             artifactId = 'compose-form'
-            version = '0.2.0'
+            version = '0.2.1'
 
             afterEvaluate {
                 from components.release

composeform/src/main/java/ch/benlu/composeform/fields/DateField.kt

@@ -24,7 +24,8 @@ class DateField(
     isVisible: Boolean = true,
     isEnabled: Boolean = true,
     imeAction: ImeAction = ImeAction.Next,
-    formatter: ((raw: Date?) -> String)? = null
+    formatter: ((raw: Date?) -> String)? = null,
+    private val themeResId: Int = 0
 ) : Field<Date>(
     label = label,
     form = form,
@@ -62,6 +63,7 @@ class DateField(
         val date = remember { mutableStateOf("") }
         val datePickerDialog = DatePickerDialog(
             context,
+            themeResId,
             { _: DatePicker, yyyy: Int, mm: Int, dd: Int ->
                 val c = Calendar.getInstance()
                 c.set(yyyy, mm, dd, 0, 0);