@idealyst/datepicker 1.2.57 → 1.2.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/datepicker",
-  "version": "1.2.57",
+  "version": "1.2.59",
   "description": "Cross-platform date and time picker components for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/datepicker#readme",
   "readme": "README.md",
@@ -36,7 +36,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.57",
+    "@idealyst/theme": "^1.2.59",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.6.0",
     "react": ">=16.8.0",
@@ -69,7 +69,7 @@
     }
   },
   "devDependencies": {
-    "@idealyst/theme": "^1.2.57",
+    "@idealyst/theme": "^1.2.59",
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",

package/src/DateInput.web.tsx

@@ -7,6 +7,7 @@ import { IconSvg } from './IconSvg.web';
 import { DatePicker } from './DatePicker';
 import { dateTimeInputStyles } from './InputStyles';
 import type { DateInputProps } from './types';
+import { flattenStyle } from './flattenStyle';
 
 export const DateInput: React.FC<DateInputProps> = ({
   value,
@@ -107,7 +108,7 @@ export const DateInput: React.FC<DateInputProps> = ({
   const popoverProps = getWebProps([popoverContentStyle]);
 
   return (
-    <div style={style as React.CSSProperties}>
+    <div style={flattenStyle(style)}>
       {label && (
         <span {...labelProps}>{label}</span>
       )}

package/src/flattenStyle.ts

@@ -0,0 +1,21 @@
+import type { StyleProp } from 'react-native';
+
+/**
+ * Flattens a style prop (which can be a single style, an array of styles,
+ * or nested arrays) into a single style object.
+ */
+export function flattenStyle<T extends object>(
+  style: StyleProp<T> | React.CSSProperties | undefined
+): React.CSSProperties {
+  if (!style) {
+    return {};
+  }
+
+  if (Array.isArray(style)) {
+    return style.reduce<React.CSSProperties>((acc, s) => {
+      return { ...acc, ...flattenStyle(s as StyleProp<T>) };
+    }, {});
+  }
+
+  return style as React.CSSProperties;
+}