@impulse-ui-native/datetime 2.1.0 → 2.1.2

package/dist/hooks/use-datetime-picker.hook.js

@@ -0,0 +1,112 @@
+import { useCallback, useEffect, useId, useState } from "react";
+import { useControllableState, useIsOpen } from "@impulse-ui-native/core";
+import { isDateInMonth, isSameDay } from "../utils";
+function useDatetimePicker({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const id = useId();
+  const [visible, setVisible] = useState(
+    value ?? defaultValue ?? /* @__PURE__ */ new Date()
+  );
+  const [tempDate, setTempDate] = useState(
+    value ?? defaultValue ?? null
+  );
+  const [selected, setSelected] = useControllableState({
+    prop: value,
+    defaultProp: defaultValue ?? null,
+    onChange
+  });
+  const { isOpen, isClosed, open, close } = useIsOpen();
+  const onPressOpen = useCallback(() => {
+    setTempDate(selected);
+    open();
+  }, [open, selected]);
+  const syncState = useCallback(() => {
+    setTempDate(selected);
+    if (selected) {
+      setVisible(selected);
+    }
+  }, [selected]);
+  const onPressApply = useCallback(() => {
+    setSelected(tempDate);
+    close();
+  }, [close, tempDate]);
+  const onPressCancel = useCallback(() => {
+    close();
+  }, [close]);
+  const onPressCalendarDay = useCallback((date) => {
+    setTempDate((prev) => {
+      if (!prev) {
+        return date;
+      }
+      if (isSameDay(date, prev)) {
+        return null;
+      }
+      const nextDate = new Date(date);
+      nextDate.setHours(prev.getHours());
+      nextDate.setMinutes(prev.getMinutes());
+      nextDate.setSeconds(prev.getSeconds());
+      nextDate.setMilliseconds(prev.getMilliseconds());
+      return nextDate;
+    });
+  }, []);
+  const onChangeTime = useCallback(
+    (time) => {
+      setTempDate((prev) => {
+        const nextDate = new Date(prev ?? visible);
+        nextDate.setHours(time?.hours ?? 0);
+        nextDate.setMinutes(time?.minutes ?? 0);
+        nextDate.setSeconds(time?.seconds ?? 0);
+        nextDate.setMilliseconds(0);
+        return nextDate;
+      });
+    },
+    [visible]
+  );
+  const onPressClear = useCallback(() => {
+    setTempDate(null);
+  }, []);
+  const onPressQuickDateOption = useCallback(
+    (optionValue) => {
+      if (!(optionValue instanceof Date)) {
+        return;
+      }
+      setTempDate(optionValue);
+      if (!isDateInMonth(optionValue, visible)) {
+        setVisible(optionValue);
+      }
+    },
+    [visible]
+  );
+  useEffect(() => {
+    if (!isOpen && isClosed) {
+      setTempDate(selected);
+    }
+  }, [isOpen, selected, isClosed]);
+  return {
+    id,
+    isOpen,
+    visible,
+    tempDate,
+    selected,
+    setVisible,
+    setTempDate,
+    setSelected,
+    open,
+    close,
+    onPressOpen,
+    onPressApply,
+    onPressCancel,
+    onPressCalendarDay,
+    onChangeTime,
+    onPressClear,
+    onPressQuickDateOption,
+    syncState
+  };
+}
+export {
+  useDatetimePicker
+};
+//# sourceMappingURL=use-datetime-picker.hook.js.map

package/dist/hooks/use-datetime-picker.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-datetime-picker.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useId, useState } from \"react\";\n\nimport { useControllableState, useIsOpen } from \"@impulse-ui-native/core\";\n\nimport { TimePickerValue, TimeRange } from \"../types\";\nimport { isDateInMonth, isSameDay } from \"../utils\";\n\ninterface UseDatetimePickerStateOptions {\n  value?: Date | null;\n  defaultValue?: Date | null;\n  onChange?: (value: Date | null) => void;\n}\n\nexport function useDatetimePicker({\n  value,\n  defaultValue,\n  onChange,\n}: UseDatetimePickerStateOptions) {\n  const id = useId();\n\n  const [visible, setVisible] = useState<Date>(\n    value ?? defaultValue ?? new Date(),\n  );\n\n  const [tempDate, setTempDate] = useState<Date | null>(\n    value ?? defaultValue ?? null,\n  );\n\n  const [selected, setSelected] = useControllableState<Date | null>({\n    prop: value,\n    defaultProp: defaultValue ?? null,\n    onChange,\n  });\n\n  const { isOpen, isClosed, open, close } = useIsOpen();\n\n  const onPressOpen = useCallback(() => {\n    setTempDate(selected);\n    open();\n  }, [open, selected]);\n\n  const syncState = useCallback(() => {\n    setTempDate(selected);\n\n    if (selected) {\n      setVisible(selected);\n    }\n  }, [selected]);\n\n  const onPressApply = useCallback(() => {\n    setSelected(tempDate);\n    close();\n  }, [close, tempDate]);\n\n  const onPressCancel = useCallback(() => {\n    close();\n  }, [close]);\n\n  const onPressCalendarDay = useCallback((date: Date) => {\n    setTempDate((prev) => {\n      if (!prev) {\n        return date;\n      }\n\n      if (isSameDay(date, prev)) {\n        return null;\n      }\n\n      const nextDate = new Date(date);\n\n      nextDate.setHours(prev.getHours());\n      nextDate.setMinutes(prev.getMinutes());\n      nextDate.setSeconds(prev.getSeconds());\n      nextDate.setMilliseconds(prev.getMilliseconds());\n\n      return nextDate;\n    });\n  }, []);\n\n  const onChangeTime = useCallback(\n    (time: TimePickerValue | null) => {\n      setTempDate((prev) => {\n        const nextDate = new Date(prev ?? visible);\n\n        nextDate.setHours(time?.hours ?? 0);\n        nextDate.setMinutes(time?.minutes ?? 0);\n        nextDate.setSeconds(time?.seconds ?? 0);\n        nextDate.setMilliseconds(0);\n\n        return nextDate;\n      });\n    },\n    [visible],\n  );\n\n  const onPressClear = useCallback(() => {\n    setTempDate(null);\n  }, []);\n\n  const onPressQuickDateOption = useCallback(\n    (optionValue: Date | TimeRange) => {\n      if (!(optionValue instanceof Date)) {\n        return;\n      }\n\n      setTempDate(optionValue);\n\n      if (!isDateInMonth(optionValue, visible)) {\n        setVisible(optionValue);\n      }\n    },\n    [visible],\n  );\n\n  useEffect(() => {\n    if (!isOpen && isClosed) {\n      setTempDate(selected);\n    }\n  }, [isOpen, selected, isClosed]);\n\n  return {\n    id,\n    isOpen,\n    visible,\n    tempDate,\n    selected,\n    setVisible,\n    setTempDate,\n    setSelected,\n    open,\n    close,\n    onPressOpen,\n    onPressApply,\n    onPressCancel,\n    onPressCalendarDay,\n    onChangeTime,\n    onPressClear,\n    onPressQuickDateOption,\n    syncState,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/hooks/use-datetime-range-picker.hook.d.mts

@@ -0,0 +1,34 @@
+import * as react from 'react';
+import { TimeRange, RangeSide, TimePickerValue } from '../types/common.types.mjs';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';
+
+interface UseDatetimeRangePickerStateOptions {
+    value?: TimeRange | null;
+    defaultValue?: TimeRange | null;
+    onChange?: (value: TimeRange | null) => void;
+}
+declare function useDatetimeRangePicker({ value, defaultValue, onChange, }: UseDatetimeRangePickerStateOptions): {
+    id: string;
+    isOpen: boolean;
+    visible: Date;
+    tempRange: TimeRange | null;
+    selected: TimeRange | null;
+    setVisible: react.Dispatch<react.SetStateAction<Date>>;
+    setTempRange: react.Dispatch<react.SetStateAction<TimeRange | null>>;
+    setSelected: (nextValue: react.SetStateAction<TimeRange | null>) => void;
+    open: () => void;
+    close: () => void;
+    onPressOpen: () => void;
+    onPressApply: () => void;
+    onPressCancel: () => void;
+    onPressCalendarDay: (date: Date) => void;
+    onChangeTime: (side: RangeSide, time: TimePickerValue | null) => void;
+    onChangeStartTime: (time: TimePickerValue | null) => void;
+    onChangeEndTime: (time: TimePickerValue | null) => void;
+    onPressClear: () => void;
+    onPressQuickDateOption: (optionValue: Date | TimeRange) => void;
+    syncState: () => void;
+};
+
+export { useDatetimeRangePicker };

package/dist/hooks/use-datetime-range-picker.hook.js

@@ -0,0 +1,161 @@
+import { useCallback, useEffect, useId, useState } from "react";
+import { useControllableState, useIsOpen } from "@impulse-ui-native/core";
+import {
+  applyTime,
+  endOfDay,
+  getInitialVisibleDate,
+  isDateInMonth,
+  isSameDay,
+  normalizeRange,
+  startOfDay
+} from "../utils";
+function useDatetimeRangePicker({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const id = useId();
+  const [visible, setVisible] = useState(
+    getInitialVisibleDate(value, defaultValue)
+  );
+  const [tempRange, setTempRange] = useState(
+    value ?? defaultValue ?? null
+  );
+  const [selected, setSelected] = useControllableState({
+    prop: value,
+    defaultProp: defaultValue ?? null,
+    onChange
+  });
+  const { isOpen, isClosed, open, close } = useIsOpen();
+  const onPressOpen = useCallback(() => {
+    setTempRange(selected);
+    open();
+  }, [open, selected]);
+  const syncState = useCallback(() => {
+    setTempRange(selected);
+    const nextVisible = selected?.start ?? selected?.end;
+    if (nextVisible) {
+      setVisible(nextVisible);
+    }
+  }, [selected]);
+  const onPressApply = useCallback(() => {
+    setSelected(normalizeRange(tempRange));
+    close();
+  }, [close, tempRange]);
+  const onPressCancel = useCallback(() => {
+    close();
+  }, [close]);
+  const onPressCalendarDay = useCallback((date) => {
+    setTempRange((prev) => {
+      const startDate = startOfDay(date);
+      const endDate = endOfDay(date);
+      if (!prev?.start || prev.end) {
+        return {
+          start: startDate
+        };
+      }
+      if (isSameDay(startDate, prev.start)) {
+        return null;
+      }
+      if (startDate < prev.start) {
+        return {
+          start: startDate,
+          end: endOfDay(prev.start)
+        };
+      }
+      return {
+        start: prev.start,
+        end: endDate
+      };
+    });
+  }, []);
+  const onChangeStartTime = useCallback(
+    (time) => {
+      setTempRange((prev) => {
+        const fallbackDate = prev?.start ?? visible;
+        return normalizeRange({
+          start: applyTime(fallbackDate, time),
+          end: prev?.end
+        });
+      });
+    },
+    [visible]
+  );
+  const onChangeEndTime = useCallback(
+    (time) => {
+      setTempRange((prev) => {
+        const fallbackDate = prev?.end ?? prev?.start ?? visible;
+        return normalizeRange({
+          start: prev?.start,
+          end: applyTime(fallbackDate, time)
+        });
+      });
+    },
+    [visible]
+  );
+  const onChangeTime = useCallback(
+    (side, time) => {
+      if (side === "start") {
+        onChangeStartTime(time);
+        return;
+      }
+      onChangeEndTime(time);
+    },
+    [onChangeEndTime, onChangeStartTime]
+  );
+  const onPressClear = useCallback(() => {
+    setTempRange(null);
+  }, []);
+  const onPressQuickDateOption = useCallback(
+    (optionValue) => {
+      if (optionValue instanceof Date) {
+        const nextDate = startOfDay(optionValue);
+        setTempRange({
+          start: nextDate
+        });
+        if (!isDateInMonth(nextDate, visible)) {
+          setVisible(nextDate);
+        }
+        return;
+      }
+      const nextRange = normalizeRange(optionValue);
+      setTempRange(nextRange);
+      const nextVisible = nextRange?.start ?? nextRange?.end;
+      if (nextVisible && !isDateInMonth(nextVisible, visible)) {
+        setVisible(nextVisible);
+      }
+    },
+    [visible]
+  );
+  useEffect(() => {
+    if (!isOpen && isClosed) {
+      setTempRange(selected);
+    }
+  }, [isOpen, selected, isClosed]);
+  return {
+    id,
+    isOpen,
+    visible,
+    tempRange,
+    selected,
+    setVisible,
+    setTempRange,
+    setSelected,
+    open,
+    close,
+    onPressOpen,
+    onPressApply,
+    onPressCancel,
+    onPressCalendarDay,
+    onChangeTime,
+    onChangeStartTime,
+    onChangeEndTime,
+    onPressClear,
+    onPressQuickDateOption,
+    syncState
+  };
+}
+export {
+  useDatetimeRangePicker
+};
+//# sourceMappingURL=use-datetime-range-picker.hook.js.map

package/dist/hooks/use-datetime-range-picker.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-datetime-range-picker.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useId, useState } from \"react\";\n\nimport { useControllableState, useIsOpen } from \"@impulse-ui-native/core\";\n\nimport { RangeSide, TimePickerValue, TimeRange } from \"../types\";\nimport {\n  applyTime,\n  endOfDay,\n  getInitialVisibleDate,\n  isDateInMonth,\n  isSameDay,\n  normalizeRange,\n  startOfDay,\n} from \"../utils\";\n\ninterface UseDatetimeRangePickerStateOptions {\n  value?: TimeRange | null;\n  defaultValue?: TimeRange | null;\n  onChange?: (value: TimeRange | null) => void;\n}\n\nexport function useDatetimeRangePicker({\n  value,\n  defaultValue,\n  onChange,\n}: UseDatetimeRangePickerStateOptions) {\n  const id = useId();\n\n  const [visible, setVisible] = useState<Date>(\n    getInitialVisibleDate(value, defaultValue),\n  );\n\n  const [tempRange, setTempRange] = useState<TimeRange | null>(\n    value ?? defaultValue ?? null,\n  );\n\n  const [selected, setSelected] = useControllableState<TimeRange | null>({\n    prop: value,\n    defaultProp: defaultValue ?? null,\n    onChange,\n  });\n\n  const { isOpen, isClosed, open, close } = useIsOpen();\n\n  const onPressOpen = useCallback(() => {\n    setTempRange(selected);\n    open();\n  }, [open, selected]);\n\n  const syncState = useCallback(() => {\n    setTempRange(selected);\n\n    const nextVisible = selected?.start ?? selected?.end;\n\n    if (nextVisible) {\n      setVisible(nextVisible);\n    }\n  }, [selected]);\n\n  const onPressApply = useCallback(() => {\n    setSelected(normalizeRange(tempRange));\n    close();\n  }, [close, tempRange]);\n\n  const onPressCancel = useCallback(() => {\n    close();\n  }, [close]);\n\n  const onPressCalendarDay = useCallback((date: Date) => {\n    setTempRange((prev) => {\n      const startDate = startOfDay(date);\n      const endDate = endOfDay(date);\n\n      if (!prev?.start || prev.end) {\n        return {\n          start: startDate,\n        };\n      }\n\n      if (isSameDay(startDate, prev.start)) {\n        return null;\n      }\n\n      if (startDate < prev.start) {\n        return {\n          start: startDate,\n          end: endOfDay(prev.start),\n        };\n      }\n\n      return {\n        start: prev.start,\n        end: endDate,\n      };\n    });\n  }, []);\n\n  const onChangeStartTime = useCallback(\n    (time: TimePickerValue | null) => {\n      setTempRange((prev) => {\n        const fallbackDate = prev?.start ?? visible;\n\n        return normalizeRange({\n          start: applyTime(fallbackDate, time),\n          end: prev?.end,\n        });\n      });\n    },\n    [visible],\n  );\n\n  const onChangeEndTime = useCallback(\n    (time: TimePickerValue | null) => {\n      setTempRange((prev) => {\n        const fallbackDate = prev?.end ?? prev?.start ?? visible;\n\n        return normalizeRange({\n          start: prev?.start,\n          end: applyTime(fallbackDate, time),\n        });\n      });\n    },\n    [visible],\n  );\n\n  const onChangeTime = useCallback(\n    (side: RangeSide, time: TimePickerValue | null) => {\n      if (side === \"start\") {\n        onChangeStartTime(time);\n        return;\n      }\n\n      onChangeEndTime(time);\n    },\n    [onChangeEndTime, onChangeStartTime],\n  );\n\n  const onPressClear = useCallback(() => {\n    setTempRange(null);\n  }, []);\n\n  const onPressQuickDateOption = useCallback(\n    (optionValue: Date | TimeRange) => {\n      if (optionValue instanceof Date) {\n        const nextDate = startOfDay(optionValue);\n\n        setTempRange({\n          start: nextDate,\n        });\n\n        if (!isDateInMonth(nextDate, visible)) {\n          setVisible(nextDate);\n        }\n\n        return;\n      }\n\n      const nextRange = normalizeRange(optionValue);\n\n      setTempRange(nextRange);\n\n      const nextVisible = nextRange?.start ?? nextRange?.end;\n\n      if (nextVisible && !isDateInMonth(nextVisible, visible)) {\n        setVisible(nextVisible);\n      }\n    },\n    [visible],\n  );\n\n  useEffect(() => {\n    if (!isOpen && isClosed) {\n      setTempRange(selected);\n    }\n  }, [isOpen, selected, isClosed]);\n\n  return {\n    id,\n    isOpen,\n    visible,\n    tempRange,\n    selected,\n    setVisible,\n    setTempRange,\n    setSelected,\n    open,\n    close,\n    onPressOpen,\n    onPressApply,\n    onPressCancel,\n    onPressCalendarDay,\n    onChangeTime,\n    onChangeStartTime,\n    onChangeEndTime,\n    onPressClear,\n    onPressQuickDateOption,\n    syncState,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -1,117 +1,14 @@
-import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FlyoutProps } from '@impulse-ui-native/flyout';
-import { ControlComponentProps, ControlComponentCommonProps, PressableCoreProps } from '@impulse-ui-native/primitives';
-
-interface TimePickerValue {
-    hours: number;
-    minutes: number;
-    seconds: number;
-}
-type RangeSide = "start" | "end";
-type TimeFormat = "12h" | "24h";
-type PickerColumnType = "hour" | "minute" | "second";
-interface TimeRange {
-    start?: Date;
-    end?: Date;
-}
-interface InfiniteRangeItem {
-    key: string;
-    value: number;
-    index: number;
-}
-interface QuickDateOption<Value> {
-    label: string;
-    value: Value;
-}
-interface PickerFlyoutActions {
-    clearable?: boolean;
-    onPressApply?: PressableCoreProps["onPress"];
-    onPressCancel?: PressableCoreProps["onPress"];
-    onPressClear?: PressableCoreProps["onPress"];
-}
-interface DatetimePickerCommonProps extends Partial<ControlComponentProps>, ControlComponentCommonProps {
-    clearable?: boolean;
-}
-interface DatetimePickerFlyoutCommonProps extends FlyoutProps, PickerFlyoutActions {
-    visible: Date;
-    quickDateOptions?: QuickDateOption<Date | TimeRange>[];
-    onPressQuickDateOption?: (value: Date | TimeRange) => void;
-    onChangeVisible: (date: Date) => void;
-    onPressCalendarDay: (date: Date) => void;
-}
-
-interface DatetimePickerProps extends DatetimePickerCommonProps {
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onChange?: (value: Date | null) => void;
-    quickDateOptions?: QuickDateOption<Date>[];
-}
-
-interface DatetimeRangePickerProps extends DatetimePickerCommonProps {
-    value?: TimeRange | null;
-    defaultValue?: TimeRange | null;
-    onChange?: (value: TimeRange | null) => void;
-    quickDateOptions?: QuickDateOption<TimeRange>[];
-}
-
-declare const DatePicker: react.MemoExoticComponent<(props: DatetimePickerProps) => react_jsx_runtime.JSX.Element>;
-
-declare const DateRangePicker: react.MemoExoticComponent<(props: DatetimeRangePickerProps) => react_jsx_runtime.JSX.Element>;
-
-declare const DatetimePicker: react.MemoExoticComponent<(props: DatetimePickerProps) => react_jsx_runtime.JSX.Element>;
-
-declare const DatetimeRangePicker: react.MemoExoticComponent<(props: DatetimeRangePickerProps) => react_jsx_runtime.JSX.Element>;
-
-interface TimePickerProps extends DatetimePickerCommonProps {
-    value?: TimePickerValue | null;
-    defaultValue?: TimePickerValue | null;
-    onChange?: (value: TimePickerValue | null) => void;
-}
-declare const TimePicker: react.MemoExoticComponent<(props: TimePickerProps) => react_jsx_runtime.JSX.Element>;
-
-declare function getMonthNames(locale?: string, format?: "long" | "short" | "narrow"): string[];
-declare function getDayNames(locale?: string, format?: "long" | "short" | "narrow"): string[];
-declare function getYears(): number[];
-declare function getMonthCalendarMatrix(year: number, month: number): Date[][];
-declare function createInfiniteRange(max: number, repeats: number): any[];
-declare function getInfiniteRangeInitialIndex(max: number, targetValue: number, repeats: number): number;
-declare function getClosestIndexByValue(data: number[], value: number, currentIndex: number): number;
-declare function formatTimepickerValue(value: TimePickerValue): string;
-declare function applyTime(date: Date, time: TimePickerValue | null): Date;
-declare function getInitialVisibleDate(value?: TimeRange | null, defaultValue?: TimeRange | null): Date;
-declare function normalizeRange(range: TimeRange | null): TimeRange | null;
-declare function endOfDay(date: Date): Date;
-declare function addDays(date: Date, days: number): Date;
-declare function startOfWeek(date: Date): Date;
-declare function endOfWeek(date: Date): Date;
-declare function startOfDay(date: Date): Date;
-
-interface CalendarDayState {
-    isSelected: boolean;
-    isRangeStart: boolean;
-    isInRange: boolean;
-    isRangeEnd: boolean;
-    isCurrentMonth: boolean;
-}
-interface GetCalendarDayStateOptions {
-    date: Date;
-    visible: Date;
-    value?: Date | TimeRange | null;
-}
-declare function isTimeRange(value: unknown): value is TimeRange;
-declare function isSameDay(left: Date, right: Date): boolean;
-declare function isDateInMonth(date: Date, monthDate: Date): boolean;
-declare function isBeforeDay(left: Date, right: Date): boolean;
-declare function isAfterDay(left: Date, right: Date): boolean;
-declare function isRangeStart(date: Date, rangeStart?: Date | null): boolean;
-declare function isRangeEnd(date: Date, rangeEnd?: Date | null): boolean;
-declare function isInRange(date: Date, rangeStart?: Date | null, rangeEnd?: Date | null): boolean;
-declare function isSelected(date: Date, selected?: Date | null, rangeStart?: Date | null, rangeEnd?: Date | null): boolean;
-declare function getCalendarDayState({ date, visible, value, }: GetCalendarDayStateOptions): CalendarDayState;
-declare function createCalendarRange(date: Date, previousRange?: TimeRange): TimeRange | undefined;
-declare function getQuickOptionKey(value: Date | TimeRange): string | undefined;
-declare function isDateRange(value: unknown): value is TimeRange;
-declare function getDateKey(date: Date): string;
-
-export { type CalendarDayState, DatePicker, DateRangePicker, DatetimePicker, type DatetimePickerCommonProps, type DatetimePickerFlyoutCommonProps, type DatetimePickerProps, DatetimeRangePicker, type DatetimeRangePickerProps, type GetCalendarDayStateOptions, type InfiniteRangeItem, type PickerColumnType, type PickerFlyoutActions, type QuickDateOption, type RangeSide, type TimeFormat, TimePicker, type TimePickerValue, type TimeRange, addDays, applyTime, createCalendarRange, createInfiniteRange, endOfDay, endOfWeek, formatTimepickerValue, getCalendarDayState, getClosestIndexByValue, getDateKey, getDayNames, getInfiniteRangeInitialIndex, getInitialVisibleDate, getMonthCalendarMatrix, getMonthNames, getQuickOptionKey, getYears, isAfterDay, isBeforeDay, isDateInMonth, isDateRange, isInRange, isRangeEnd, isRangeStart, isSameDay, isSelected, isTimeRange, normalizeRange, startOfDay, startOfWeek };
+export { DatePicker } from './components/date/date-picker.mjs';
+export { DateRangePicker } from './components/date/date-range-picker.mjs';
+export { DatetimePicker } from './components/datetime/datetime-picker.mjs';
+export { DatetimeRangePicker } from './components/datetime/datetime-range-picker.mjs';
+export { TimePicker } from './components/time/time-picker.mjs';
+export { DatetimePickerCommonProps, DatetimePickerFlyoutCommonProps, InfiniteRangeItem, PickerColumnType, PickerFlyoutActions, QuickDateOption, RangeSide, TimeFormat, TimePickerValue, TimeRange } from './types/common.types.mjs';
+export { DatetimePickerProps } from './types/datetime-picker.types.mjs';
+export { DatetimeRangePickerProps } from './types/datetime-range-picker.types.mjs';
+export { addDays, applyTime, createInfiniteRange, endOfDay, endOfWeek, formatTimepickerValue, getClosestIndexByValue, getDayNames, getInfiniteRangeInitialIndex, getInitialVisibleDate, getMonthCalendarMatrix, getMonthNames, getYears, normalizeRange, startOfDay, startOfWeek } from './utils/datetime.utils.mjs';
+export { CalendarDayState, GetCalendarDayStateOptions, createCalendarRange, getCalendarDayState, getDateKey, getQuickOptionKey, isAfterDay, isBeforeDay, isDateInMonth, isDateRange, isInRange, isRangeEnd, isRangeStart, isSameDay, isSelected, isTimeRange } from './utils/calendar-day.utils.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '@impulse-ui-native/flyout';
+import '@impulse-ui-native/primitives';