@impulse-ui-native/datetime 2.0.1 → 2.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/common/calendar-day.d.mts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CalendarDayProps {
+    date: Date;
+    selected?: boolean;
+    isSelected?: boolean;
+    isRangeStart?: boolean;
+    isInRange?: boolean;
+    isRangeEnd?: boolean;
+    isCurrentMonth?: boolean;
+    onPress?: (date: Date) => void;
+}
+declare const CalendarDay: react.MemoExoticComponent<(props: CalendarDayProps) => react_jsx_runtime.JSX.Element>;
+
+export { CalendarDay };

package/dist/components/common/calendar-day.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { StyleSheet } from "react-native";
+import { Pressable, Typography, View } from "@impulse-ui-native/primitives";
+import { useThemedStyles } from "@impulse-ui-native/theme";
+const CalendarDay = memo(function CalendarDay2(props) {
+  const styles = useThemedStyles(themedStyles, props, [
+    props.isSelected,
+    props.isRangeStart,
+    props.isInRange,
+    props.isRangeEnd,
+    props.isCurrentMonth
+  ]);
+  const handleOnPress = useCallback(
+    () => props.onPress?.(props.date),
+    [props.date, props.onPress]
+  );
+  return /* @__PURE__ */ jsx(Pressable, { style: styles.pressableStyles, onPress: handleOnPress, children: /* @__PURE__ */ jsx(View, { style: styles.container, children: /* @__PURE__ */ jsx(Typography.Body, { style: styles.text, numeric: true, children: props.date.getDate() }) }) });
+});
+function themedStyles(theme, props) {
+  const dayTokens = theme.components.datetimePicker.day;
+  let color = dayTokens.color;
+  let backgroundColor = "transparent";
+  if (!props.isCurrentMonth) {
+    color = dayTokens.outsideMonthColor;
+  }
+  if (props.isInRange) {
+    backgroundColor = dayTokens.rangeBackgroundColor;
+    color = dayTokens.rangeColor;
+  }
+  if (props.isSelected || props.isRangeStart || props.isRangeEnd) {
+    backgroundColor = dayTokens.selectedBackgroundColor;
+    color = dayTokens.selectedColor;
+  }
+  return StyleSheet.create({
+    pressableStyles: {
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    container: {
+      borderRadius: dayTokens.borderRadius,
+      width: dayTokens.size,
+      height: dayTokens.size,
+      justifyContent: "center",
+      alignItems: "center",
+      backgroundColor
+    },
+    text: {
+      color
+    }
+  });
+}
+export {
+  CalendarDay
+};
+//# sourceMappingURL=calendar-day.js.map

package/dist/components/common/calendar-day.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/common/calendar-day.tsx"],"sourcesContent":["import { memo, useCallback } from \"react\";\nimport { StyleSheet, TextStyle, ViewStyle } from \"react-native\";\n\nimport { Pressable, Typography, View } from \"@impulse-ui-native/primitives\";\nimport { AppTheme, useThemedStyles } from \"@impulse-ui-native/theme\";\n\ninterface CalendarDayProps {\n  date: Date;\n  selected?: boolean;\n  isSelected?: boolean;\n  isRangeStart?: boolean;\n  isInRange?: boolean;\n  isRangeEnd?: boolean;\n  isCurrentMonth?: boolean;\n  onPress?: (date: Date) => void;\n}\n\nexport const CalendarDay = memo(function CalendarDay(props: CalendarDayProps) {\n  const styles = useThemedStyles(themedStyles, props, [\n    props.isSelected,\n    props.isRangeStart,\n    props.isInRange,\n    props.isRangeEnd,\n    props.isCurrentMonth,\n  ]);\n\n  const handleOnPress = useCallback(\n    () => props.onPress?.(props.date),\n    [props.date, props.onPress],\n  );\n\n  return (\n    <Pressable style={styles.pressableStyles} onPress={handleOnPress}>\n      <View style={styles.container}>\n        <Typography.Body style={styles.text} numeric>\n          {props.date.getDate()}\n        </Typography.Body>\n      </View>\n    </Pressable>\n  );\n});\n\nfunction themedStyles(\n  theme: AppTheme,\n  props: {\n    isSelected?: boolean;\n    isRangeStart?: boolean;\n    isInRange?: boolean;\n    isRangeEnd?: boolean;\n    isCurrentMonth?: boolean;\n  },\n) {\n  const dayTokens = theme.components.datetimePicker.day;\n\n  let color: TextStyle[\"color\"] = dayTokens.color;\n  let backgroundColor: ViewStyle[\"backgroundColor\"] = \"transparent\";\n\n  if (!props.isCurrentMonth) {\n    color = dayTokens.outsideMonthColor;\n  }\n\n  if (props.isInRange) {\n    backgroundColor = dayTokens.rangeBackgroundColor;\n    color = dayTokens.rangeColor;\n  }\n\n  if (props.isSelected || props.isRangeStart || props.isRangeEnd) {\n    backgroundColor = dayTokens.selectedBackgroundColor;\n    color = dayTokens.selectedColor;\n  }\n\n  return StyleSheet.create({\n    pressableStyles: {\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n\n    container: {\n      borderRadius: dayTokens.borderRadius,\n      width: dayTokens.size,\n      height: dayTokens.size,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor,\n    },\n\n    text: {\n      color,\n    },\n  });\n}\n"],"mappings":"AAkCQ;AAlCR,SAAS,MAAM,mBAAmB;AAClC,SAAS,kBAAwC;AAEjD,SAAS,WAAW,YAAY,YAAY;AAC5C,SAAmB,uBAAuB;AAanC,MAAM,cAAc,KAAK,SAASA,aAAY,OAAyB;AAC5E,QAAM,SAAS,gBAAgB,cAAc,OAAO;AAAA,IAClD,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR,CAAC;AAED,QAAM,gBAAgB;AAAA,IACpB,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,IAChC,CAAC,MAAM,MAAM,MAAM,OAAO;AAAA,EAC5B;AAEA,SACE,oBAAC,aAAU,OAAO,OAAO,iBAAiB,SAAS,eACjD,8BAAC,QAAK,OAAO,OAAO,WAClB,8BAAC,WAAW,MAAX,EAAgB,OAAO,OAAO,MAAM,SAAO,MACzC,gBAAM,KAAK,QAAQ,GACtB,GACF,GACF;AAEJ,CAAC;AAED,SAAS,aACP,OACA,OAOA;AACA,QAAM,YAAY,MAAM,WAAW,eAAe;AAElD,MAAI,QAA4B,UAAU;AAC1C,MAAI,kBAAgD;AAEpD,MAAI,CAAC,MAAM,gBAAgB;AACzB,YAAQ,UAAU;AAAA,EACpB;AAEA,MAAI,MAAM,WAAW;AACnB,sBAAkB,UAAU;AAC5B,YAAQ,UAAU;AAAA,EACpB;AAEA,MAAI,MAAM,cAAc,MAAM,gBAAgB,MAAM,YAAY;AAC9D,sBAAkB,UAAU;AAC5B,YAAQ,UAAU;AAAA,EACpB;AAEA,SAAO,WAAW,OAAO;AAAA,IACvB,iBAAiB;AAAA,MACf,gBAAgB;AAAA,MAChB,YAAY;AAAA,IACd;AAAA,IAEA,WAAW;AAAA,MACT,cAAc,UAAU;AAAA,MACxB,OAAO,UAAU;AAAA,MACjB,QAAQ,UAAU;AAAA,MAClB,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":["CalendarDay"]}

package/dist/components/common/calendar.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TimeRange } from '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+interface CalendarProps {
+    value: Date | TimeRange | null | undefined;
+    visible: Date;
+    onPress: (date: Date) => void;
+}
+declare const Calendar: react.MemoExoticComponent<(props: CalendarProps) => react_jsx_runtime.JSX.Element>;
+
+export { Calendar };

package/dist/components/common/calendar.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { Typography, View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import {
+  getCalendarDayState,
+  getDateKey,
+  getDayNames,
+  getMonthCalendarMatrix
+} from "../../utils";
+import { CalendarDay } from "./calendar-day";
+const Calendar = memo(function Calendar2(props) {
+  const { visible, value, onPress } = props;
+  const tokens = useComponentsTokens();
+  const calendarTokens = tokens.datetimePicker.calendar;
+  const visibleMonth = visible.getMonth();
+  const visibleYear = visible.getFullYear();
+  const days = useMemo(() => {
+    return getDayNames();
+  }, []);
+  const calendar = useMemo(() => {
+    return getMonthCalendarMatrix(visibleYear, visibleMonth);
+  }, [visibleYear, visibleMonth]);
+  return /* @__PURE__ */ jsxs(View, { children: [
+    /* @__PURE__ */ jsx(
+      View,
+      {
+        flexDirection: "row",
+        marginBottom: calendarTokens.dayNamesMarginBottom,
+        children: days.map((day) => /* @__PURE__ */ jsx(Typography.Body, { flex: 1, textAlign: "center", children: day[0] }, day))
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { gap: calendarTokens.weeksGap, children: calendar.map((dates, index) => /* @__PURE__ */ jsx(View, { flexDirection: "row", justifyContent: "space-around", children: dates.map((date) => {
+      const state = getCalendarDayState({
+        date,
+        visible,
+        value
+      });
+      return /* @__PURE__ */ jsx(
+        CalendarDay,
+        {
+          date,
+          isSelected: state.isSelected,
+          isInRange: state.isInRange,
+          isRangeStart: state.isRangeStart,
+          isRangeEnd: state.isRangeEnd,
+          isCurrentMonth: state.isCurrentMonth,
+          onPress
+        },
+        getDateKey(date)
+      );
+    }) }, index)) })
+  ] });
+});
+export {
+  Calendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/common/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/common/calendar.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens, useTheme } from \"@impulse-ui-native/theme\";\n\nimport { TimeRange } from \"../../types\";\nimport {\n  getCalendarDayState,\n  getDateKey,\n  getDayNames,\n  getMonthCalendarMatrix,\n} from \"../../utils\";\nimport { CalendarDay } from \"./calendar-day\";\n\ninterface CalendarProps {\n  value: Date | TimeRange | null | undefined;\n  visible: Date;\n  onPress: (date: Date) => void;\n}\n\nexport const Calendar = memo(function Calendar(props: CalendarProps) {\n  const { visible, value, onPress } = props;\n\n  const tokens = useComponentsTokens();\n  const calendarTokens = tokens.datetimePicker.calendar;\n\n  const visibleMonth = visible.getMonth();\n  const visibleYear = visible.getFullYear();\n\n  const days = useMemo(() => {\n    return getDayNames();\n  }, []);\n\n  const calendar = useMemo(() => {\n    return getMonthCalendarMatrix(visibleYear, visibleMonth);\n  }, [visibleYear, visibleMonth]);\n\n  return (\n    <View>\n      <View\n        flexDirection=\"row\"\n        marginBottom={calendarTokens.dayNamesMarginBottom}\n      >\n        {days.map((day) => (\n          <Typography.Body flex={1} textAlign=\"center\" key={day}>\n            {day[0]}\n          </Typography.Body>\n        ))}\n      </View>\n\n      <View gap={calendarTokens.weeksGap}>\n        {calendar.map((dates, index) => (\n          <View flexDirection=\"row\" justifyContent=\"space-around\" key={index}>\n            {dates.map((date) => {\n              const state = getCalendarDayState({\n                date,\n                visible,\n                value,\n              });\n\n              return (\n                <CalendarDay\n                  key={getDateKey(date)}\n                  date={date}\n                  isSelected={state.isSelected}\n                  isInRange={state.isInRange}\n                  isRangeStart={state.isRangeStart}\n                  isRangeEnd={state.isRangeEnd}\n                  isCurrentMonth={state.isCurrentMonth}\n                  onPress={onPress}\n                />\n              );\n            })}\n          </View>\n        ))}\n      </View>\n    </View>\n  );\n});\n"],"mappings":"AAsCI,SAMM,KANN;AAtCJ,SAAS,MAAM,eAAe;AAE9B,SAAS,YAAY,YAAY;AACjC,SAAS,2BAAqC;AAG9C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAQrB,MAAM,WAAW,KAAK,SAASA,UAAS,OAAsB;AACnE,QAAM,EAAE,SAAS,OAAO,QAAQ,IAAI;AAEpC,QAAM,SAAS,oBAAoB;AACnC,QAAM,iBAAiB,OAAO,eAAe;AAE7C,QAAM,eAAe,QAAQ,SAAS;AACtC,QAAM,cAAc,QAAQ,YAAY;AAExC,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,YAAY;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,WAAW,QAAQ,MAAM;AAC7B,WAAO,uBAAuB,aAAa,YAAY;AAAA,EACzD,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,SACE,qBAAC,QACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,cAAc,eAAe;AAAA,QAE5B,eAAK,IAAI,CAAC,QACT,oBAAC,WAAW,MAAX,EAAgB,MAAM,GAAG,WAAU,UACjC,cAAI,CAAC,KAD0C,GAElD,CACD;AAAA;AAAA,IACH;AAAA,IAEA,oBAAC,QAAK,KAAK,eAAe,UACvB,mBAAS,IAAI,CAAC,OAAO,UACpB,oBAAC,QAAK,eAAc,OAAM,gBAAe,gBACtC,gBAAM,IAAI,CAAC,SAAS;AACnB,YAAM,QAAQ,oBAAoB;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAED,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,YAAY,MAAM;AAAA,UAClB,WAAW,MAAM;AAAA,UACjB,cAAc,MAAM;AAAA,UACpB,YAAY,MAAM;AAAA,UAClB,gBAAgB,MAAM;AAAA,UACtB;AAAA;AAAA,QAPK,WAAW,IAAI;AAAA,MAQtB;AAAA,IAEJ,CAAC,KApB0D,KAqB7D,CACD,GACH;AAAA,KACF;AAEJ,CAAC;","names":["Calendar"]}

package/dist/components/common/date-control.d.mts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PressableProps } from 'react-native';
+import { DatetimePickerCommonProps } from '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+interface DateControlProps extends DatetimePickerCommonProps {
+    onPress: PressableProps["onPress"];
+}
+declare const DateControl: react.MemoExoticComponent<(props: PropsWithChildren<DateControlProps>) => react_jsx_runtime.JSX.Element>;
+
+export { DateControl };

package/dist/components/common/date-control.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { CalendarDotsIcon } from "@impulse-ui-native/icon/icons/calendar-dots";
+import { Control, Pressable } from "@impulse-ui-native/primitives";
+const DateControl = memo(function DateControl2(props) {
+  const {
+    size = "medium",
+    variant = "outlined",
+    label,
+    error,
+    disabled,
+    PrefixIcon = CalendarDotsIcon,
+    Prefix,
+    onPressPrefix: onPrefixPress,
+    SuffixIcon,
+    Suffix,
+    onPressSuffix: onSuffixPress,
+    onPress,
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Control.Provider,
+    {
+      size,
+      variant,
+      error,
+      disabled,
+      children: /* @__PURE__ */ jsxs(Control.Root, { children: [
+        /* @__PURE__ */ jsx(Control.Label, { children: label }),
+        /* @__PURE__ */ jsx(Pressable, { onPress, children: /* @__PURE__ */ jsxs(Control.Container, { children: [
+          /* @__PURE__ */ jsx(
+            Control.Addon,
+            {
+              icon: PrefixIcon,
+              Content: Prefix,
+              onPress: onPrefixPress
+            }
+          ),
+          children,
+          /* @__PURE__ */ jsx(
+            Control.Addon,
+            {
+              icon: SuffixIcon,
+              Content: Suffix,
+              onPress: onSuffixPress
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Control.Error, {})
+      ] })
+    }
+  );
+});
+export {
+  DateControl
+};
+//# sourceMappingURL=date-control.js.map

package/dist/components/common/date-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/common/date-control.tsx"],"sourcesContent":["import { memo, PropsWithChildren } from \"react\";\nimport { PressableProps } from \"react-native\";\n\nimport { CalendarDotsIcon } from \"@impulse-ui-native/icon/icons/calendar-dots\";\nimport { Control, Pressable } from \"@impulse-ui-native/primitives\";\n\nimport { DatetimePickerCommonProps } from \"../../types\";\n\ninterface DateControlProps extends DatetimePickerCommonProps {\n  onPress: PressableProps[\"onPress\"];\n}\n\nexport const DateControl = memo(function DateControl(\n  props: PropsWithChildren<DateControlProps>,\n) {\n  const {\n    size = \"medium\",\n    variant = \"outlined\",\n    label,\n    error,\n    disabled,\n    PrefixIcon = CalendarDotsIcon,\n    Prefix,\n    onPressPrefix: onPrefixPress,\n    SuffixIcon,\n    Suffix,\n    onPressSuffix: onSuffixPress,\n    onPress,\n    children,\n  } = props;\n\n  return (\n    <Control.Provider\n      size={size}\n      variant={variant}\n      error={error}\n      disabled={disabled}\n    >\n      <Control.Root>\n        <Control.Label>{label}</Control.Label>\n        <Pressable onPress={onPress}>\n          <Control.Container>\n            <Control.Addon\n              icon={PrefixIcon}\n              Content={Prefix}\n              onPress={onPrefixPress}\n            />\n            {children}\n            <Control.Addon\n              icon={SuffixIcon}\n              Content={Suffix}\n              onPress={onSuffixPress}\n            />\n          </Control.Container>\n        </Pressable>\n        <Control.Error />\n      </Control.Root>\n    </Control.Provider>\n  );\n});\n"],"mappings":"AAuCQ,cAEE,YAFF;AAvCR,SAAS,YAA+B;AAGxC,SAAS,wBAAwB;AACjC,SAAS,SAAS,iBAAiB;AAQ5B,MAAM,cAAc,KAAK,SAASA,aACvC,OACA;AACA,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,QAAQ,MAAR,EACC;AAAA,4BAAC,QAAQ,OAAR,EAAe,iBAAM;AAAA,QACtB,oBAAC,aAAU,SACT,+BAAC,QAAQ,WAAR,EACC;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,SAAS;AAAA;AAAA,UACX;AAAA,UACC;AAAA,UACD;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,MAAM;AAAA,cACN,SAAS;AAAA,cACT,SAAS;AAAA;AAAA,UACX;AAAA,WACF,GACF;AAAA,QACA,oBAAC,QAAQ,OAAR,EAAc;AAAA,SACjB;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["DateControl"]}

package/dist/components/common/datetime-picker-flyout-actions.d.mts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DatetimePickerFlyoutCommonProps } from '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+interface DatetimePickerFlyoutActionsProps {
+    canClear?: boolean;
+    onPressApply: DatetimePickerFlyoutCommonProps["onPressApply"];
+    onPressCancel: DatetimePickerFlyoutCommonProps["onPressCancel"];
+    onPressClear: DatetimePickerFlyoutCommonProps["onPressClear"];
+}
+declare const DatetimePickerFlyoutActions: react.MemoExoticComponent<(props: DatetimePickerFlyoutActionsProps) => react_jsx_runtime.JSX.Element>;
+
+export { DatetimePickerFlyoutActions };

package/dist/components/common/datetime-picker-flyout-actions.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import {
+  Button,
+  Pressable,
+  Typography,
+  View
+} from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+const DatetimePickerFlyoutActions = memo(
+  function DatetimePickerFlyoutActions2(props) {
+    const tokens = useComponentsTokens();
+    const flyoutActionsTokens = tokens.datetimePicker.flyoutActions;
+    return /* @__PURE__ */ jsxs(View, { gap: flyoutActionsTokens.gap, children: [
+      props.canClear ? /* @__PURE__ */ jsx(View, { alignItems: "center", children: /* @__PURE__ */ jsx(Pressable, { onPress: props.onPressClear, children: /* @__PURE__ */ jsx(Typography.BodyLarge, { color: flyoutActionsTokens.clearColor, children: "Clear" }) }) }) : null,
+      /* @__PURE__ */ jsxs(View, { flexDirection: "row", gap: flyoutActionsTokens.buttonsGap, children: [
+        /* @__PURE__ */ jsx(View, { flex: 1, children: /* @__PURE__ */ jsx(Button, { onPress: props.onPressCancel, variant: "outlined", children: "Cancel" }) }),
+        /* @__PURE__ */ jsx(View, { flex: 1, children: /* @__PURE__ */ jsx(Button, { onPress: props.onPressApply, children: "Apply" }) })
+      ] })
+    ] });
+  }
+);
+export {
+  DatetimePickerFlyoutActions
+};
+//# sourceMappingURL=datetime-picker-flyout-actions.js.map

package/dist/components/common/datetime-picker-flyout-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/common/datetime-picker-flyout-actions.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport {\n  Button,\n  Pressable,\n  Typography,\n  View,\n} from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { DatetimePickerFlyoutCommonProps } from \"../../types\";\n\ninterface DatetimePickerFlyoutActionsProps {\n  canClear?: boolean;\n  onPressApply: DatetimePickerFlyoutCommonProps[\"onPressApply\"];\n  onPressCancel: DatetimePickerFlyoutCommonProps[\"onPressCancel\"];\n  onPressClear: DatetimePickerFlyoutCommonProps[\"onPressClear\"];\n}\n\nexport const DatetimePickerFlyoutActions = memo(\n  function DatetimePickerFlyoutActions(\n    props: DatetimePickerFlyoutActionsProps,\n  ) {\n    const tokens = useComponentsTokens();\n    const flyoutActionsTokens = tokens.datetimePicker.flyoutActions;\n\n    return (\n      <View gap={flyoutActionsTokens.gap}>\n        {props.canClear ? (\n          <View alignItems=\"center\">\n            <Pressable onPress={props.onPressClear}>\n              <Typography.BodyLarge color={flyoutActionsTokens.clearColor}>\n                Clear\n              </Typography.BodyLarge>\n            </Pressable>\n          </View>\n        ) : null}\n\n        <View flexDirection=\"row\" gap={flyoutActionsTokens.buttonsGap}>\n          <View flex={1}>\n            <Button onPress={props.onPressCancel} variant=\"outlined\">\n              Cancel\n            </Button>\n          </View>\n\n          <View flex={1}>\n            <Button onPress={props.onPressApply}>Apply</Button>\n          </View>\n        </View>\n      </View>\n    );\n  },\n);\n"],"mappings":"AA+Bc,cAON,YAPM;AA/Bd,SAAS,YAAY;AAErB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,2BAA2B;AAW7B,MAAM,8BAA8B;AAAA,EACzC,SAASA,6BACP,OACA;AACA,UAAM,SAAS,oBAAoB;AACnC,UAAM,sBAAsB,OAAO,eAAe;AAElD,WACE,qBAAC,QAAK,KAAK,oBAAoB,KAC5B;AAAA,YAAM,WACL,oBAAC,QAAK,YAAW,UACf,8BAAC,aAAU,SAAS,MAAM,cACxB,8BAAC,WAAW,WAAX,EAAqB,OAAO,oBAAoB,YAAY,mBAE7D,GACF,GACF,IACE;AAAA,MAEJ,qBAAC,QAAK,eAAc,OAAM,KAAK,oBAAoB,YACjD;AAAA,4BAAC,QAAK,MAAM,GACV,8BAAC,UAAO,SAAS,MAAM,eAAe,SAAQ,YAAW,oBAEzD,GACF;AAAA,QAEA,oBAAC,QAAK,MAAM,GACV,8BAAC,UAAO,SAAS,MAAM,cAAc,mBAAK,GAC5C;AAAA,SACF;AAAA,OACF;AAAA,EAEJ;AACF;","names":["DatetimePickerFlyoutActions"]}

package/dist/components/common/quick-date-options.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { QuickDateOption, TimeRange } from '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+interface QuickDateOptionsProps {
+    options: QuickDateOption<Date | TimeRange>[];
+    onPress?: (date: QuickDateOption<Date | TimeRange>["value"]) => void;
+}
+declare const QuickDateOptions: react.MemoExoticComponent<(props: QuickDateOptionsProps) => react_jsx_runtime.JSX.Element>;
+
+export { QuickDateOptions };

package/dist/components/common/quick-date-options.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { ScrollView } from "react-native";
+import { Tag } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { getQuickOptionKey } from "../../utils";
+const QuickDateOptions = memo(function QuickDateOptions2(props) {
+  const tokens = useComponentsTokens();
+  const style = useMemo(
+    () => ({ gap: tokens.datetimePicker.quickDateOptions.gap }),
+    [tokens.datetimePicker.quickDateOptions]
+  );
+  return /* @__PURE__ */ jsx(
+    ScrollView,
+    {
+      horizontal: true,
+      contentContainerStyle: style,
+      showsHorizontalScrollIndicator: false,
+      children: props.options.map((option, index) => /* @__PURE__ */ jsx(
+        Tag,
+        {
+          label: option.label,
+          onPress: () => props.onPress?.(option.value)
+        },
+        getQuickOptionKey(option.value) ?? index
+      ))
+    }
+  );
+});
+export {
+  QuickDateOptions
+};
+//# sourceMappingURL=quick-date-options.js.map

package/dist/components/common/quick-date-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/common/quick-date-options.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { ScrollView, ViewStyle } from \"react-native\";\n\nimport { Tag } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { QuickDateOption, TimeRange } from \"../../types\";\nimport { getQuickOptionKey } from \"../../utils\";\n\ninterface QuickDateOptionsProps {\n  options: QuickDateOption<Date | TimeRange>[];\n  onPress?: (date: QuickDateOption<Date | TimeRange>[\"value\"]) => void;\n}\n\nexport const QuickDateOptions = memo(function QuickDateOptions(\n  props: QuickDateOptionsProps,\n) {\n  const tokens = useComponentsTokens();\n\n  const style = useMemo<ViewStyle>(\n    () => ({ gap: tokens.datetimePicker.quickDateOptions.gap }),\n    [tokens.datetimePicker.quickDateOptions],\n  );\n\n  return (\n    <ScrollView\n      horizontal\n      contentContainerStyle={style}\n      showsHorizontalScrollIndicator={false}\n    >\n      {props.options.map((option, index) => (\n        <Tag\n          key={getQuickOptionKey(option.value) ?? index}\n          label={option.label}\n          onPress={() => props.onPress?.(option.value)}\n        />\n      ))}\n    </ScrollView>\n  );\n});\n"],"mappings":"AA+BQ;AA/BR,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAA6B;AAEtC,SAAS,WAAW;AACpB,SAAS,2BAA2B;AAGpC,SAAS,yBAAyB;AAO3B,MAAM,mBAAmB,KAAK,SAASA,kBAC5C,OACA;AACA,QAAM,SAAS,oBAAoB;AAEnC,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,KAAK,OAAO,eAAe,iBAAiB,IAAI;AAAA,IACzD,CAAC,OAAO,eAAe,gBAAgB;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAU;AAAA,MACV,uBAAuB;AAAA,MACvB,gCAAgC;AAAA,MAE/B,gBAAM,QAAQ,IAAI,CAAC,QAAQ,UAC1B;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,OAAO;AAAA,UACd,SAAS,MAAM,MAAM,UAAU,OAAO,KAAK;AAAA;AAAA,QAFtC,kBAAkB,OAAO,KAAK,KAAK;AAAA,MAG1C,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["QuickDateOptions"]}

package/dist/components/common/visible-date-select.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface VisibleDateSelectProps {
+    value: Date;
+    defaultValue?: Date;
+    onChange: (value: Date) => void;
+}
+declare const VisibleDateSelect: react.MemoExoticComponent<(props: VisibleDateSelectProps) => react_jsx_runtime.JSX.Element>;
+
+export { VisibleDateSelect };

package/dist/components/common/visible-date-select.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo } from "react";
+import { CalendarDotsIcon } from "@impulse-ui-native/icon/icons/calendar-dots";
+import { View } from "@impulse-ui-native/primitives";
+import { Select } from "@impulse-ui-native/select";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { getMonthNames, getYears } from "../../utils";
+const VisibleDateSelect = memo(function VisibleDateSelect2(props) {
+  const tokens = useComponentsTokens();
+  const monthOptions = useMemo(() => {
+    return getMonthNames().map((month, index) => ({
+      label: month,
+      value: index
+    }));
+  }, []);
+  const yearOptions = useMemo(() => {
+    return getYears().map((year) => ({
+      label: String(year),
+      value: year
+    }));
+  }, []);
+  const onChangeVisibleMonth = useCallback(
+    (month) => {
+      if (month !== void 0 && month !== props.value.getMonth()) {
+        const newDate = new Date(props.value);
+        newDate.setMonth(month);
+        props.onChange(newDate);
+      }
+    },
+    [props.value, props.onChange]
+  );
+  const onChangeVisibleYear = useCallback(
+    (year) => {
+      if (year !== void 0 && year !== props.value.getFullYear()) {
+        const newDate = new Date(props.value);
+        newDate.setFullYear(year);
+        props.onChange(newDate);
+      }
+    },
+    [props.value, props.onChange]
+  );
+  return /* @__PURE__ */ jsxs(View, { flexDirection: "row", gap: tokens.datetimePicker.visibleDateSelect.gap, children: [
+    /* @__PURE__ */ jsx(View, { flex: 1, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        options: monthOptions,
+        value: props.value.getMonth(),
+        defaultValue: props.defaultValue?.getMonth() ?? props.value.getMonth(),
+        PrefixIcon: CalendarDotsIcon,
+        onChange: onChangeVisibleMonth,
+        placeholder: "Month"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(View, { flex: 1, children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        options: yearOptions,
+        value: props.value.getFullYear(),
+        defaultValue: props.defaultValue?.getFullYear() ?? props.value.getFullYear(),
+        PrefixIcon: CalendarDotsIcon,
+        onChange: onChangeVisibleYear,
+        placeholder: "Year"
+      }
+    ) })
+  ] });
+});
+export {
+  VisibleDateSelect
+};
+//# sourceMappingURL=visible-date-select.js.map

package/dist/components/common/visible-date-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/common/visible-date-select.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from \"react\";\n\nimport { CalendarDotsIcon } from \"@impulse-ui-native/icon/icons/calendar-dots\";\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { Select, SelectOption } from \"@impulse-ui-native/select\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { getMonthNames, getYears } from \"../../utils\";\n\ninterface VisibleDateSelectProps {\n  value: Date;\n  defaultValue?: Date;\n  onChange: (value: Date) => void;\n}\n\nexport const VisibleDateSelect = memo(function VisibleDateSelect(\n  props: VisibleDateSelectProps,\n) {\n  const tokens = useComponentsTokens();\n\n  const monthOptions = useMemo<SelectOption<number>[]>(() => {\n    return getMonthNames().map((month, index) => ({\n      label: month,\n      value: index,\n    }));\n  }, []);\n\n  const yearOptions = useMemo<SelectOption<number>[]>(() => {\n    return getYears().map((year) => ({\n      label: String(year),\n      value: year,\n    }));\n  }, []);\n\n  const onChangeVisibleMonth = useCallback(\n    (month: number | undefined) => {\n      if (month !== undefined && month !== props.value.getMonth()) {\n        const newDate = new Date(props.value);\n        newDate.setMonth(month);\n\n        props.onChange(newDate);\n      }\n    },\n    [props.value, props.onChange],\n  );\n\n  const onChangeVisibleYear = useCallback(\n    (year: number | undefined) => {\n      if (year !== undefined && year !== props.value.getFullYear()) {\n        const newDate = new Date(props.value);\n        newDate.setFullYear(year);\n\n        props.onChange(newDate);\n      }\n    },\n    [props.value, props.onChange],\n  );\n\n  return (\n    <View flexDirection=\"row\" gap={tokens.datetimePicker.visibleDateSelect.gap}>\n      <View flex={1}>\n        <Select\n          options={monthOptions}\n          value={props.value.getMonth()}\n          defaultValue={\n            props.defaultValue?.getMonth() ?? props.value.getMonth()\n          }\n          PrefixIcon={CalendarDotsIcon}\n          onChange={onChangeVisibleMonth}\n          placeholder=\"Month\"\n        />\n      </View>\n\n      <View flex={1}>\n        <Select\n          options={yearOptions}\n          value={props.value.getFullYear()}\n          defaultValue={\n            props.defaultValue?.getFullYear() ?? props.value.getFullYear()\n          }\n          PrefixIcon={CalendarDotsIcon}\n          onChange={onChangeVisibleYear}\n          placeholder=\"Year\"\n        />\n      </View>\n    </View>\n  );\n});\n"],"mappings":"AA2DI,SAEI,KAFJ;AA3DJ,SAAS,MAAM,aAAa,eAAe;AAE3C,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,cAA4B;AACrC,SAAS,2BAA2B;AAEpC,SAAS,eAAe,gBAAgB;AAQjC,MAAM,oBAAoB,KAAK,SAASA,mBAC7C,OACA;AACA,QAAM,SAAS,oBAAoB;AAEnC,QAAM,eAAe,QAAgC,MAAM;AACzD,WAAO,cAAc,EAAE,IAAI,CAAC,OAAO,WAAW;AAAA,MAC5C,OAAO;AAAA,MACP,OAAO;AAAA,IACT,EAAE;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,QAAgC,MAAM;AACxD,WAAO,SAAS,EAAE,IAAI,CAAC,UAAU;AAAA,MAC/B,OAAO,OAAO,IAAI;AAAA,MAClB,OAAO;AAAA,IACT,EAAE;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB;AAAA,IAC3B,CAAC,UAA8B;AAC7B,UAAI,UAAU,UAAa,UAAU,MAAM,MAAM,SAAS,GAAG;AAC3D,cAAM,UAAU,IAAI,KAAK,MAAM,KAAK;AACpC,gBAAQ,SAAS,KAAK;AAEtB,cAAM,SAAS,OAAO;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA,EAC9B;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,SAA6B;AAC5B,UAAI,SAAS,UAAa,SAAS,MAAM,MAAM,YAAY,GAAG;AAC5D,cAAM,UAAU,IAAI,KAAK,MAAM,KAAK;AACpC,gBAAQ,YAAY,IAAI;AAExB,cAAM,SAAS,OAAO;AAAA,MACxB;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO,MAAM,QAAQ;AAAA,EAC9B;AAEA,SACE,qBAAC,QAAK,eAAc,OAAM,KAAK,OAAO,eAAe,kBAAkB,KACrE;AAAA,wBAAC,QAAK,MAAM,GACV;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,OAAO,MAAM,MAAM,SAAS;AAAA,QAC5B,cACE,MAAM,cAAc,SAAS,KAAK,MAAM,MAAM,SAAS;AAAA,QAEzD,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,aAAY;AAAA;AAAA,IACd,GACF;AAAA,IAEA,oBAAC,QAAK,MAAM,GACV;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,OAAO,MAAM,MAAM,YAAY;AAAA,QAC/B,cACE,MAAM,cAAc,YAAY,KAAK,MAAM,MAAM,YAAY;AAAA,QAE/D,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,aAAY;AAAA;AAAA,IACd,GACF;AAAA,KACF;AAEJ,CAAC;","names":["VisibleDateSelect"]}

package/dist/components/date/date-picker.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DatetimePickerProps } from '../../types/datetime-picker.types.mjs';
+import '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const DatePicker: react.MemoExoticComponent<(props: DatetimePickerProps) => react_jsx_runtime.JSX.Element>;
+
+export { DatePicker };

package/dist/components/date/date-picker.flyout.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DatetimePickerFlyoutCommonProps, TimeRange } from '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+interface DatePickerFlyoutProps extends DatetimePickerFlyoutCommonProps {
+    value: Date | TimeRange | null | undefined;
+}
+declare const DatePickerFlyout: react.MemoExoticComponent<(props: DatePickerFlyoutProps) => react_jsx_runtime.JSX.Element>;
+
+export { DatePickerFlyout };

package/dist/components/date/date-picker.flyout.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Flyout } from "@impulse-ui-native/flyout";
+import { Portal } from "@impulse-ui-native/portal";
+import { View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { Calendar } from "../common/calendar";
+import { DatetimePickerFlyoutActions } from "../common/datetime-picker-flyout-actions";
+import { QuickDateOptions } from "../common/quick-date-options";
+import { VisibleDateSelect } from "../common/visible-date-select";
+const DatePickerFlyout = memo(function DatePickerFlyout2(props) {
+  const {
+    visible,
+    value,
+    clearable,
+    quickDateOptions,
+    onPressQuickDateOption,
+    onChangeVisible,
+    onPressCalendarDay,
+    onPressClear,
+    onPressCancel,
+    onPressApply,
+    ...rest
+  } = props;
+  const tokens = useComponentsTokens();
+  const datePickerTokens = tokens.datetimePicker.datePickerFlyout;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Flyout, { ...rest, children: /* @__PURE__ */ jsxs(View, { gap: datePickerTokens.gap, children: [
+    /* @__PURE__ */ jsx(VisibleDateSelect, { value: visible, onChange: onChangeVisible }),
+    /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        value,
+        visible,
+        onPress: onPressCalendarDay
+      }
+    ),
+    quickDateOptions && quickDateOptions.length > 0 ? /* @__PURE__ */ jsx(
+      QuickDateOptions,
+      {
+        options: quickDateOptions,
+        onPress: onPressQuickDateOption
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      DatetimePickerFlyoutActions,
+      {
+        canClear: Boolean(value && clearable),
+        onPressApply,
+        onPressCancel,
+        onPressClear
+      }
+    )
+  ] }) }) });
+});
+export {
+  DatePickerFlyout
+};
+//# sourceMappingURL=date-picker.flyout.js.map

package/dist/components/date/date-picker.flyout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date/date-picker.flyout.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Flyout } from \"@impulse-ui-native/flyout\";\nimport { Portal } from \"@impulse-ui-native/portal\";\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport { DatetimePickerFlyoutCommonProps, TimeRange } from \"../../types\";\nimport { Calendar } from \"../common/calendar\";\nimport { DatetimePickerFlyoutActions } from \"../common/datetime-picker-flyout-actions\";\nimport { QuickDateOptions } from \"../common/quick-date-options\";\nimport { VisibleDateSelect } from \"../common/visible-date-select\";\n\ninterface DatePickerFlyoutProps extends DatetimePickerFlyoutCommonProps {\n  value: Date | TimeRange | null | undefined;\n}\n\nexport const DatePickerFlyout = memo(function DatePickerFlyout(\n  props: DatePickerFlyoutProps,\n) {\n  const {\n    visible,\n    value,\n    clearable,\n    quickDateOptions,\n    onPressQuickDateOption,\n    onChangeVisible,\n    onPressCalendarDay,\n    onPressClear,\n    onPressCancel,\n    onPressApply,\n    ...rest\n  } = props;\n\n  const tokens = useComponentsTokens();\n  const datePickerTokens = tokens.datetimePicker.datePickerFlyout;\n\n  return (\n    <Portal>\n      <Flyout {...rest}>\n        <View gap={datePickerTokens.gap}>\n          <VisibleDateSelect value={visible} onChange={onChangeVisible} />\n\n          <Calendar\n            value={value}\n            visible={visible}\n            onPress={onPressCalendarDay}\n          />\n\n          {quickDateOptions && quickDateOptions.length > 0 ? (\n            <QuickDateOptions\n              options={quickDateOptions}\n              onPress={onPressQuickDateOption}\n            />\n          ) : null}\n\n          <DatetimePickerFlyoutActions\n            canClear={Boolean(value && clearable)}\n            onPressApply={onPressApply}\n            onPressCancel={onPressCancel}\n            onPressClear={onPressClear}\n          />\n        </View>\n      </Flyout>\n    </Portal>\n  );\n});\n"],"mappings":"AAwCQ,SACE,KADF;AAxCR,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,gBAAgB;AACzB,SAAS,mCAAmC;AAC5C,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAM3B,MAAM,mBAAmB,KAAK,SAASA,kBAC5C,OACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,SAAS,oBAAoB;AACnC,QAAM,mBAAmB,OAAO,eAAe;AAE/C,SACE,oBAAC,UACC,8BAAC,UAAQ,GAAG,MACV,+BAAC,QAAK,KAAK,iBAAiB,KAC1B;AAAA,wBAAC,qBAAkB,OAAO,SAAS,UAAU,iBAAiB;AAAA,IAE9D;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA;AAAA,IACX;AAAA,IAEC,oBAAoB,iBAAiB,SAAS,IAC7C;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS;AAAA;AAAA,IACX,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,QAAQ,SAAS,SAAS;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF,GACF,GACF;AAEJ,CAAC;","names":["DatePickerFlyout"]}

package/dist/components/date/date-picker.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { Control } from "@impulse-ui-native/primitives";
+import { useDatetimePicker } from "../../hooks";
+import { DateControl } from "../common/date-control";
+import { DatePickerFlyout } from "./date-picker.flyout";
+const DatePicker = memo(function DatePicker2(props) {
+  const {
+    value,
+    defaultValue,
+    clearable,
+    onChange,
+    placeholder,
+    quickDateOptions,
+    ...rest
+  } = props;
+  const {
+    id,
+    isOpen,
+    visible,
+    tempDate,
+    selected,
+    setVisible,
+    close,
+    onPressOpen,
+    onPressApply,
+    onPressCancel,
+    onPressCalendarDay,
+    onPressClear,
+    onPressQuickDateOption,
+    syncState
+  } = useDatetimePicker({ value, defaultValue, onChange });
+  return /* @__PURE__ */ jsxs(DateControl, { ...rest, onPress: onPressOpen, children: [
+    selected === null ? /* @__PURE__ */ jsx(Control.Placeholder, { children: placeholder }) : null,
+    selected !== null ? /* @__PURE__ */ jsx(Control.Value, { children: selected.toDateString() }) : null,
+    /* @__PURE__ */ jsx(
+      DatePickerFlyout,
+      {
+        id,
+        open: isOpen,
+        title: "Date",
+        visible,
+        value: tempDate,
+        clearable,
+        quickDateOptions,
+        onClose: close,
+        onCloseFinished: syncState,
+        onPressQuickDateOption,
+        onChangeVisible: setVisible,
+        onPressCalendarDay,
+        onPressApply,
+        onPressCancel,
+        onPressClear
+      }
+    )
+  ] });
+});
+export {
+  DatePicker
+};
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/date/date-picker.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Control } from \"@impulse-ui-native/primitives\";\n\nimport { useDatetimePicker } from \"../../hooks\";\nimport { DatetimePickerProps } from \"../../types\";\nimport { DateControl } from \"../common/date-control\";\nimport { DatePickerFlyout } from \"./date-picker.flyout\";\n\nexport const DatePicker = memo(function DatePicker(props: DatetimePickerProps) {\n  const {\n    value,\n    defaultValue,\n    clearable,\n    onChange,\n    placeholder,\n    quickDateOptions,\n    ...rest\n  } = props;\n\n  const {\n    id,\n    isOpen,\n    visible,\n    tempDate,\n    selected,\n    setVisible,\n    close,\n    onPressOpen,\n    onPressApply,\n    onPressCancel,\n    onPressCalendarDay,\n    onPressClear,\n    onPressQuickDateOption,\n    syncState,\n  } = useDatetimePicker({ value, defaultValue, onChange });\n\n  return (\n    <DateControl {...rest} onPress={onPressOpen}>\n      {selected === null ? (\n        <Control.Placeholder>{placeholder}</Control.Placeholder>\n      ) : null}\n\n      {selected !== null ? (\n        <Control.Value>{selected.toDateString()}</Control.Value>\n      ) : null}\n\n      <DatePickerFlyout\n        id={id}\n        open={isOpen}\n        title=\"Date\"\n        visible={visible}\n        value={tempDate}\n        clearable={clearable}\n        quickDateOptions={quickDateOptions}\n        onClose={close}\n        onCloseFinished={syncState}\n        onPressQuickDateOption={onPressQuickDateOption}\n        onChangeVisible={setVisible}\n        onPressCalendarDay={onPressCalendarDay}\n        onPressApply={onPressApply}\n        onPressCancel={onPressCancel}\n        onPressClear={onPressClear}\n      />\n    </DateControl>\n  );\n});\n"],"mappings":"AAsCI,SAEI,KAFJ;AAtCJ,SAAS,YAAY;AAErB,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAElC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,KAAK,SAASA,YAAW,OAA4B;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,EAAE,OAAO,cAAc,SAAS,CAAC;AAEvD,SACE,qBAAC,eAAa,GAAG,MAAM,SAAS,aAC7B;AAAA,iBAAa,OACZ,oBAAC,QAAQ,aAAR,EAAqB,uBAAY,IAChC;AAAA,IAEH,aAAa,OACZ,oBAAC,QAAQ,OAAR,EAAe,mBAAS,aAAa,GAAE,IACtC;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,OAAM;AAAA,QACN;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,CAAC;","names":["DatePicker"]}

package/dist/components/date/date-range-picker.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DatetimeRangePickerProps } from '../../types/datetime-range-picker.types.mjs';
+import '../../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+declare const DateRangePicker: react.MemoExoticComponent<(props: DatetimeRangePickerProps) => react_jsx_runtime.JSX.Element>;
+
+export { DateRangePicker };