react-native-platform-components 0.5.1 → 0.5.2

package/README.md

@@ -26,7 +26,6 @@
       </table>
     </td>
     <td valign="top">
-      <blockquote>🚧 In development — not ready for public use.</blockquote>
       <p>High-quality <strong>native UI components for React Native</strong>, implemented with platform-first APIs and exposed through clean, typed JavaScript interfaces.</p>
       <p>This library focuses on <strong>true native behavior</strong>, not JavaScript re-implementations — providing:</p>
       <ul>

package/android/src/main/java/com/platformcomponents/PCDatePickerView.kt

@@ -210,8 +210,12 @@ class PCDatePickerView(context: Context) : FrameLayout(context) {
         // Use spinner mode to avoid CalendarView rendering bugs when scrolling months
         calendarViewShown = false
         spinnersShown = true
-        minDateMs?.let { minDate = it }
-        maxDateMs?.let { maxDate = it }
+        // Defer min/max date setting to avoid CalendarView initialization race condition
+        // where SimpleMonthView may not be fully detached yet during layout
+        post {
+          minDateMs?.let { minDate = it }
+          maxDateMs?.let { maxDate = it }
+        }
       }
       container.addView(dp)
       inlineDatePicker = dp
@@ -387,18 +391,31 @@ class PCDatePickerView(context: Context) : FrameLayout(context) {
     val picker = DatePicker(act).apply {
       calendarViewShown = true
       spinnersShown = false
-      minDateMs?.let { minDate = it }
-      maxDateMs?.let { maxDate = it }
+      // Set the date first, before min/max constraints
       updateDate(
         cal.get(Calendar.YEAR),
         cal.get(Calendar.MONTH),
         cal.get(Calendar.DAY_OF_MONTH)
       )
+      // Defer min/max date setting to avoid CalendarView initialization race condition
+      // where SimpleMonthView may not be created yet during layout
+      post {
+        minDateMs?.let { minDate = it }
+        maxDateMs?.let { maxDate = it }
+      }
+    }
+
+    // Wrap picker in a container with horizontal padding to prevent CalendarView
+    // from clipping against the dialog edges
+    val container = FrameLayout(act).apply {
+      val horizontalPadding = (8 * resources.displayMetrics.density).toInt()
+      setPadding(horizontalPadding, 0, horizontalPadding, 0)
+      addView(picker)
     }
 
     val dlg = AlertDialog.Builder(act)
       .setTitle(androidDialogTitle ?: "")
-      .setView(picker)
+      .setView(container)
       .setPositiveButton(androidPositiveTitle ?: "OK") { _, _ ->
         val c = calendarFor(ts)
         c.set(Calendar.YEAR, picker.year)
@@ -489,18 +506,31 @@ class PCDatePickerView(context: Context) : FrameLayout(context) {
     val picker = DatePicker(act).apply {
       calendarViewShown = true
       spinnersShown = false
-      minDateMs?.let { minDate = it }
-      maxDateMs?.let { maxDate = it }
+      // Set the date first, before min/max constraints
       updateDate(
         cal.get(Calendar.YEAR),
         cal.get(Calendar.MONTH),
         cal.get(Calendar.DAY_OF_MONTH)
       )
+      // Defer min/max date setting to avoid CalendarView initialization race condition
+      // where SimpleMonthView may not be created yet during layout
+      post {
+        minDateMs?.let { minDate = it }
+        maxDateMs?.let { maxDate = it }
+      }
+    }
+
+    // Wrap picker in a container with horizontal padding to prevent CalendarView
+    // from clipping against the dialog edges
+    val container = FrameLayout(act).apply {
+      val horizontalPadding = (8 * resources.displayMetrics.density).toInt()
+      setPadding(horizontalPadding, 0, horizontalPadding, 0)
+      addView(picker)
     }
 
     val dlg = AlertDialog.Builder(act)
       .setTitle(androidDialogTitle ?: "")
-      .setView(picker)
+      .setView(container)
       .setPositiveButton(androidPositiveTitle ?: "Next") { _, _ ->
         val c = calendarFor(ts)
         c.set(Calendar.YEAR, picker.year)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-platform-components",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "A cross-platform toolkit of native UI components for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -47,7 +47,16 @@
   "keywords": [
     "react-native",
     "ios",
-    "android"
+    "android",
+    "datepicker",
+    "date-picker",
+    "time-picker",
+    "picker",
+    "menu",
+    "selection-menu",
+    "dropdown",
+    "native",
+    "material-design"
   ],
   "repository": {
     "type": "git",