@swan-io/shared-business 18.0.1 → 18.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "18.0.1",
+  "version": "18.0.2",
   "engines": {
     "node": ">22.12.0"
   },
@@ -28,7 +28,7 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-native-web": ">=0.21.2",
-    "@swan-io/lake": "18.0.1"
+    "@swan-io/lake": "18.0.2"
   },
   "dependencies": {
     "@formatjs/intl": "^4.1.16",
@@ -53,6 +53,6 @@
     "react-dom": "^19.2.7",
     "react-native-web": "^0.21.2",
     "type-fest": "^5.8.0",
-    "@swan-io/lake": "18.0.1"
+    "@swan-io/lake": "18.0.2"
   }
 }

package/src/components/InlineDatePicker.d.ts

@@ -2,6 +2,7 @@ import { StyleProp, ViewStyle } from "react-native";
 import { ExtractedDate } from "../utils/date";
 export type InlineDatePickerProps = {
     label: string;
+    optionalLabel?: string;
     value: string | undefined;
     error?: string;
     onValueChange?: (value: string | undefined) => void;
@@ -10,4 +11,4 @@ export type InlineDatePickerProps = {
     responsive?: boolean;
     validate?: (value: ExtractedDate | undefined) => string | undefined;
 };
-export declare const InlineDatePicker: ({ value, label, readOnly, responsive, onValueChange, validate, error: externalError, style, }: InlineDatePickerProps) => import("react").JSX.Element;
+export declare const InlineDatePicker: ({ value, label, optionalLabel, readOnly, responsive, onValueChange, validate, error: externalError, style, }: InlineDatePickerProps) => import("react").JSX.Element;

package/src/components/InlineDatePicker.js

@@ -58,7 +58,7 @@ const order = match(getMostLikelyUserCountry().cca2)
     .with("US", () => "MDY")
     .with("CN", "JP", "KR", "KP", "TW", "HU", "MN", "LT", "BT", () => "YMD")
     .otherwise(() => "DMY");
-export const InlineDatePicker = ({ value, label, readOnly = false, responsive = true, onValueChange, validate = validateDate, error: externalError, style, }) => {
+export const InlineDatePicker = ({ value, label, optionalLabel, readOnly = false, responsive = true, onValueChange, validate = validateDate, error: externalError, style, }) => {
     const { desktop: isDesktopViewport } = useResponsive(breakpoints.small);
     const desktop = responsive && isDesktopViewport;
     // We can't rely on blurred, since 3 inputs / select are mapped on
@@ -97,7 +97,7 @@ export const InlineDatePicker = ({ value, label, readOnly = false, responsive =
             validateField("date");
         }
     };
-    return (_jsx(View, { style: [styles.container, style], children: _jsx(Field, { name: "date", children: ({ error, onChange, value }) => (_jsx(LakeLabel, { label: label, render: id => {
+    return (_jsx(View, { style: [styles.container, style], children: _jsx(Field, { name: "date", children: ({ error, onChange, value }) => (_jsx(LakeLabel, { label: label, optionalLabel: optionalLabel, render: id => {
                     var _a;
                     const day = (_jsx(View, { style: desktop ? styles.day : styles.dayMobile, children: _jsx(LakeTextInput, { id: id, readOnly: readOnly, style: (isNotNullish(error) || isNotNullish(externalError)) && styles.error, placeholder: t("datePicker.day"), value: (_a = value === null || value === void 0 ? void 0 : value.day) !== null && _a !== void 0 ? _a : undefined, onBlur: () => {
                                 touched.current.add("day");