@midseelee/date-fns-buddhist-adapter 1.1.0 → 1.2.0

package/README.md

@@ -7,20 +7,20 @@ date-fns adapter with Buddhist years functionality compatible with [MUI-X](https
 ## Installation
 
 ```shell
-npm install @midseelee/date-fns-buddhist-adapter date-fns@4.3.0 @date-io/date-fns@3.2.1
+npm install @midseelee/date-fns-buddhist-adapter date-fns@4.4.0 @date-io/date-fns@3.2.1
 # or
-pnpm add @midseelee/date-fns-buddhist-adapter date-fns@4.3.0 @date-io/date-fns@3.2.1
+pnpm add @midseelee/date-fns-buddhist-adapter date-fns@4.4.0 @date-io/date-fns@3.2.1
 # or
-bun add @midseelee/date-fns-buddhist-adapter date-fns@4.3.0 @date-io/date-fns@3.2.1
+bun add @midseelee/date-fns-buddhist-adapter date-fns@4.4.0 @date-io/date-fns@3.2.1
 ```
 
 ## Peer Dependencies
 
 This package requires the following peer dependencies:
 
-- `@mui/material` ^9.0.1
-- `@mui/x-date-pickers` ^9.3.0
-- `react` ^19.2.6
+- `@mui/material` ^9.4.0
+- `@mui/x-date-pickers` ^9.14.0 (only if you use the MUI X Date Pickers adapter; the `date-range-picker` subpath works without it)
+- `react` ^19.3.0
 
 ## Usage
 
@@ -42,6 +42,301 @@ function App() {
 }
 ```
 
+## Date Range Picker
+
+A standalone, MUI-styled date range picker under the `date-range-picker` subpath (adapted from [mui-daterange-picker-plus](https://github.com/miyushan/mui-daterange-picker-plus)), with Buddhist Era rendering built in. It needs nothing beyond the package peers (`@mui/material`, `react`) — icons are inlined.
+
+### Components
+
+| Component     | When to use                                                                                      |
+| ------------- | ------------------------------------------------------------------------------------------------ |
+| `PickerInput` | Basic usage — a read-only `TextField` with a calendar icon that opens the picker popover         |
+| `PickerModal` | Custom trigger (button, chip, …) — anchored `Popover` on desktop, full-screen `Dialog` on mobile |
+| `PickerBase`  | Always-visible inline picker for filter panels / dashboards; applies selections immediately      |
+
+The value follows the [MUI controlled/uncontrolled convention](https://mui.com/x/react-date-pickers/date-range-picker/): the picker is **controlled** when the parent provides `value`, and **uncontrolled** when it manages its own state initialized by `defaultValue` (`initialDateRange` remains as a deprecated alias of `defaultValue`). Every selection is reported through `onChange` in both modes.
+
+### Basic usage (`PickerInput`)
+
+```tsx
+import { useState } from 'react'
+import { PickerInput } from '@midseelee/date-fns-buddhist-adapter/date-range-picker'
+import type { DateRange } from '@midseelee/date-fns-buddhist-adapter/date-range-picker'
+
+function Example() {
+  const [range, setRange] = useState<DateRange>({})
+
+  return (
+    <PickerInput
+      value={range}
+      onChange={setRange}
+      label="ช่วงวันที่"
+      fullWidth
+    />
+  )
+}
+```
+
+The field displays the selected range in Buddhist Era (`format`, default `'dd/MM/yyyy'`) with a `DD/MM/YYYY – DD/MM/YYYY` placeholder when empty, and opens the picker popover on click.
+
+### `PickerModal`
+
+#### Uncontrolled (`defaultValue`)
+
+```tsx
+import { useState } from 'react'
+import { Button } from '@mui/material'
+import { PickerModal } from '@midseelee/date-fns-buddhist-adapter/date-range-picker'
+import type { DateRange } from '@midseelee/date-fns-buddhist-adapter/date-range-picker'
+
+function Example() {
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)
+
+  return (
+    <>
+      <Button onClick={(e) => setAnchorEl(e.currentTarget)}>
+        Pick a range
+      </Button>
+      <PickerModal
+        defaultValue={{ startDate: new Date(), endDate: undefined }}
+        minDate="2026-01-01"
+        modalProps={{
+          open: Boolean(anchorEl),
+          anchorEl,
+          onClose: () => setAnchorEl(null),
+        }}
+        customProps={{
+          onSubmit: (range: DateRange) => {
+            console.log(range)
+            setAnchorEl(null)
+          },
+          onCloseCallback: () => setAnchorEl(null),
+        }}
+      />
+    </>
+  )
+}
+```
+
+#### Controlled (`value` + `onChange`)
+
+```tsx
+function Example() {
+  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)
+  const [range, setRange] = useState<DateRange>({})
+
+  return (
+    <>
+      <Button onClick={(e) => setAnchorEl(e.currentTarget)}>
+        {range.startDate
+          ? range.startDate.toLocaleDateString()
+          : 'Pick a range'}
+      </Button>
+      <PickerModal
+        value={range}
+        onChange={setRange}
+        modalProps={{
+          open: Boolean(anchorEl),
+          anchorEl,
+          onClose: () => setAnchorEl(null),
+        }}
+        customProps={{
+          onSubmit: () => setAnchorEl(null),
+          onCloseCallback: () => setAnchorEl(null),
+        }}
+      />
+    </>
+  )
+}
+```
+
+### Inline (`PickerBase`)
+
+```tsx
+import { PickerBase } from '@midseelee/date-fns-buddhist-adapter/date-range-picker'
+
+function Filters() {
+  const [range, setRange] = useState<DateRange>({})
+
+  return (
+    <PickerBase
+      value={range}
+      onChange={setRange}
+      locale={th}
+      hideOutsideMonthDays={false}
+    />
+  )
+}
+```
+
+`PickerBase` renders no footer — every selection is committed through `onChange` immediately.
+
+## Date Range Picker API
+
+### Shared props (`PickerProps`)
+
+Accepted by all three components.
+
+| Prop                   | Type                         | Default                                | Description                                                                                                                                              |
+| ---------------------- | ---------------------------- | -------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `value`                | `DateRange`                  | —                                      | Controlled range. When provided the picker ignores its internal state and reports selections through `onChange`                                          |
+| `defaultValue`         | `DateRange`                  | `{}`                                   | Initial range of the uncontrolled picker. Ignored when `value` is provided                                                                               |
+| `initialDateRange`     | `DateRange`                  | —                                      | **Deprecated** alias of `defaultValue`                                                                                                                   |
+| `onChange`             | `(range: DateRange) => void` | —                                      | Called on every selection: picking a start, completing a range, choosing a preset                                                                        |
+| `minDate`              | `Date \| string`             | start of the year, 10 years back       | Earliest selectable day. ISO strings (e.g. `'2026-01-01'`) are parsed with date-fns                                                                      |
+| `maxDate`              | `Date \| string`             | end of the year, 10 years ahead        | Latest selectable day                                                                                                                                    |
+| `locale`               | `Locale` (date-fns)          | en-US                                  | Drives week start, weekday/month names and preset math                                                                                                   |
+| `buddhistEra`          | `boolean`                    | `true`                                 | Render years as Buddhist Era (Christian + 543) in calendar headers, the footer preview and `PickerInput`. Internal `Date` values stay in Christian years |
+| `definedRanges`        | `DefinedRange[]`             | `getDefaultRanges(new Date(), locale)` | Replaces the built-in quick-select presets                                                                                                               |
+| `hideDefaultRanges`    | `boolean`                    | `false`                                | Removes the presets list / dropdown entirely                                                                                                             |
+| `hideOutsideMonthDays` | `boolean`                    | `true`                                 | Renders days of neighboring months as invisible placeholders                                                                                             |
+
+### `PickerInput` props
+
+Extends the shared props.
+
+| Prop          | Type                        | Default             | Description                                                                                          |
+| ------------- | --------------------------- | ------------------- | ---------------------------------------------------------------------------------------------------- |
+| `format`      | `string`                    | `'dd/MM/yyyy'`      | date-fns display format applied to both ends of the range                                            |
+| `separator`   | `string`                    | `'–'`               | Text rendered between the two dates                                                                  |
+| `placeholder` | `string`                    | uppercased `format` | Placeholder of each empty end, e.g. `DD/MM/YYYY – DD/MM/YYYY`                                        |
+| `label`       | `string`                    | —                   | `TextField` label                                                                                    |
+| `size`        | `'small' \| 'medium'`       | `'small'`           | `TextField` density                                                                                  |
+| `fullWidth`   | `boolean`                   | `false`             | Stretch to the container; default width is fixed (`315px`)                                           |
+| `disabled`    | `boolean`                   | `false`             | Disables the field and blocks opening the picker                                                     |
+| `modalProps`  | `Partial<PopoverProps>`     | —                   | Merged into the internal popover props; `open`, `anchorEl` and `onClose` are managed by the input    |
+| `customProps` | `Partial<ModalCustomProps>` | —                   | Merged into the internal modal behavior; `onSubmit` / `onCloseCallback` close the popover by default |
+
+### `PickerModal` props
+
+Extends the shared props.
+
+| Prop          | Type               | Description                                                                                                                                                                    |
+| ------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `modalProps`  | `PopoverProps`     | Forwarded to the MUI `Popover` (desktop) — provide `open`, `anchorEl`, `onClose`. On mobile viewports only `open` / `onClose` are used, rendered inside a full-screen `Dialog` |
+| `customProps` | `ModalCustomProps` | Modal behavior, see below                                                                                                                                                      |
+
+`ModalCustomProps`:
+
+| Prop                  | Type                         | Default                | Description                                                                                                           |
+| --------------------- | ---------------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------- |
+| `onSubmit`            | `(range: DateRange) => void` | —                      | Called when the user presses Apply with a complete range                                                              |
+| `onCloseCallback`     | `() => void`                 | —                      | Called when the user presses Cancel                                                                                   |
+| `hideActionButtons`   | `boolean`                    | `false`                | Hides the footer Cancel/Apply buttons                                                                                 |
+| `RangeSeparatorIcons` | `{ xs?, md? }`               | built-in double arrows | Icon components (`SvgIconProps`) between the footer date previews — `xs` below the `md` breakpoint, `md` from `md` up |
+
+### `Labels`
+
+Customize every picker text:
+
+| Key                | Default          |
+| ------------------ | ---------------- |
+| `predefinedRanges` | `'Quick Select'` |
+| `actions.apply`    | `'Apply'`        |
+| `actions.cancel`   | `'Cancel'`       |
+| `footer.startDate` | `'Start Date'`   |
+| `footer.endDate`   | `'End Date'`     |
+
+### Functions
+
+```ts
+getDefaultRanges(date?: Date, locale?: Locale): DefinedRange[]
+```
+
+Returns the built-in presets — `Today`, `Yesterday`, `This Week`, `Last Week`, `Last 7 Days`, `This Month`, `Last Month`, `This Year`, `Last Year` — computed from `date` and the locale's week start. Labels are **localized by the locale's code** when supported (Thai `th` → `วันนี้`, `เมื่อวาน`, `สัปดาห์นี้`, `สัปดาห์ที่แล้ว`, `7 วันล่าสุด`, `เดือนนี้`, `เดือนที่แล้ว`, `ปีนี้`, `ปีที่แล้ว`); other locales fall back to English. Useful as a base when adding custom ranges.
+
+### Types
+
+```ts
+type DateRange = {
+  startDate?: Date
+  endDate?: Date
+}
+
+type DefinedRange = {
+  startDate: Date
+  endDate: Date
+  label: string
+}
+```
+
+All `Date` values are plain Christian-year `Date` objects; Buddhist Era is rendering-only.
+
+(`Marker`, `Setter` and `NavigationAction` are also exported from the subpath for advanced use — they describe calendar markers and navigation directions and are rarely needed directly.)
+
+### Behavior notes
+
+- The first click sets the start date, the second click completes the range (clicking before the start restarts the selection); presets commit instantly.
+- A controlled picker opens on the month of its `value`; an uncontrolled one on `defaultValue`'s month or the current month.
+- Days outside `minDate` / `maxDate` are disabled and the month navigation is clamped.
+- `PickerModal` switches to a full-screen `Dialog` below the `md` breakpoint.
+
+### Recipes
+
+Thai labels and locale:
+
+```tsx
+import { th } from 'date-fns/locale'
+
+function Example() {
+  return (
+    <PickerInput
+      value={range}
+      onChange={setRange}
+      locale={th}
+      labels={{
+        predefinedRanges: 'ช่วงเวลายอดนิยม',
+        actions: { apply: 'ตกลง', cancel: 'ยกเลิก' },
+        footer: { startDate: 'วันเริ่มต้น', endDate: 'วันสิ้นสุด' },
+      }}
+    />
+  )
+}
+```
+
+Custom quick-select presets:
+
+```tsx
+import { addDays, endOfMonth, startOfMonth } from 'date-fns'
+
+function Example() {
+  const today = new Date()
+  const definedRanges: DefinedRange[] = [
+    { label: '7 วันล่าสุด', startDate: addDays(today, -6), endDate: today },
+    {
+      label: 'เดือนนี้',
+      startDate: startOfMonth(today),
+      endDate: endOfMonth(today),
+    },
+  ]
+
+  return (
+    <PickerModal
+      value={range}
+      onChange={setRange}
+      definedRanges={definedRanges}
+      modalProps={/* … */}
+      customProps={/* … */}
+    />
+  )
+}
+```
+
+Christian years instead of Buddhist Era:
+
+```tsx
+function Example() {
+  return (
+    <PickerInput
+      value={range}
+      onChange={setRange}
+      buddhistEra={false}
+      format="yyyy-MM-dd"
+    />
+  )
+}
+```
+
 ## Credits
 
 This package is forked from [ascendcorp/date-fns-buddhist-adapter](https://github.com/ascendcorp/date-fns-buddhist-adapter)

package/dist/date-range-picker/DateRangePicker.d.ts

@@ -0,0 +1,7 @@
+import type { ModalCustomProps, PickerProps } from './types';
+type PickerAvailableProps = PickerProps & {
+    customProps?: ModalCustomProps;
+    footerRequired?: boolean;
+};
+export declare const DateRangePicker: (props: PickerAvailableProps) => import("react").JSX.Element;
+export {};

package/dist/date-range-picker/DateRangePicker.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDateRangePicker } from './useDateRangePicker';
+import { Sections } from './components/Sections';
+export const DateRangePicker = (props) => {
+    const { customProps, ...dateRangePickerProps } = props;
+    const onSubmit = customProps?.onSubmit;
+    const { ...computedProps } = useDateRangePicker({
+        ...dateRangePickerProps,
+        onSubmit,
+    });
+    return (_jsx(Sections, { ...dateRangePickerProps, ...computedProps, ...customProps }));
+};
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/date-range-picker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../src/date-range-picker/DateRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQhD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,WAAW,EAAE,GAAG,oBAAoB,EAAE,GAAG,KAAK,CAAA;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,QAAQ,CAAA;IAEtC,MAAM,EAAE,GAAG,aAAa,EAAE,GAAG,kBAAkB,CAAC;QAC9C,GAAG,oBAAoB;QACvB,QAAQ;KACT,CAAC,CAAA;IACF,OAAO,CACL,KAAC,QAAQ,OAAK,oBAAoB,KAAM,aAAa,KAAM,WAAW,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA"}

package/dist/date-range-picker/PickerBase.d.ts

@@ -0,0 +1,2 @@
+import type { PickerBaseProps } from './types';
+export declare const PickerBase: (props: PickerBaseProps) => import("react").JSX.Element;

package/dist/date-range-picker/PickerBase.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DateRangePicker } from './DateRangePicker';
+export const PickerBase = (props) => {
+    return _jsx(DateRangePicker, { ...props });
+};
+//# sourceMappingURL=PickerBase.js.map

package/dist/date-range-picker/PickerBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerBase.js","sourceRoot":"","sources":["../../src/date-range-picker/PickerBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAA;AACvC,CAAC,CAAA"}

package/dist/date-range-picker/PickerInput.d.ts

@@ -0,0 +1,33 @@
+import type { PopoverProps } from '@mui/material/Popover';
+import type { ModalCustomProps, PickerProps } from './types';
+export type PickerInputProps = PickerProps & {
+    /**
+     * date-fns display format for both ends of the range.
+     * @default 'dd/MM/yyyy'
+     */
+    format?: string;
+    /**
+     * Separator rendered between the two dates.
+     * @default '–'
+     */
+    separator?: string;
+    /**
+     * Placeholder of each empty end of the range; defaults to the uppercased `format`.
+     */
+    placeholder?: string;
+    label?: string;
+    size?: 'small' | 'medium';
+    fullWidth?: boolean;
+    disabled?: boolean;
+    /**
+     * Props merged into the internal `PickerModal` popover props. `open`,
+     * `anchorEl` and `onClose` are managed by the input.
+     */
+    modalProps?: Partial<PopoverProps>;
+    /**
+     * Props merged into the internal `PickerModal` custom props. `onSubmit` and
+     * `onCloseCallback` close the popover by default.
+     */
+    customProps?: Partial<ModalCustomProps>;
+};
+export declare const PickerInput: ({ format, separator, placeholder, label, size, fullWidth, disabled, modalProps, customProps, ...pickerProps }: PickerInputProps) => import("react").JSX.Element;

package/dist/date-range-picker/PickerInput.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, InputAdornment, TextField } from '@mui/material';
+import { useRef, useState } from 'react';
+import { CalendarIcon } from './icons';
+import { PickerModal } from './PickerModal';
+import { formatWithEra } from './utils';
+export const PickerInput = ({ format = 'dd/MM/yyyy', separator = '–', placeholder, label, size = 'small', fullWidth = false, disabled = false, modalProps, customProps, ...pickerProps }) => {
+    const anchorRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    // Mirror the same controlled/uncontrolled contract as the picker itself so
+    // the input can render the range while the modal owns the selection state
+    const isControlled = pickerProps.value !== undefined;
+    const [internalRange, setInternalRange] = useState(pickerProps.defaultValue ?? pickerProps.initialDateRange ?? {});
+    const dateRange = isControlled
+        ? (pickerProps.value ?? {})
+        : internalRange;
+    const handleChange = (range) => {
+        if (!isControlled) {
+            setInternalRange(range);
+        }
+        pickerProps.onChange?.(range);
+    };
+    const { startDate, endDate } = dateRange;
+    const sectionPlaceholder = placeholder ?? format.toUpperCase();
+    const renderDate = (date) => date
+        ? formatWithEra(date, format, {
+            locale: pickerProps.locale,
+            buddhistEra: pickerProps.buddhistEra,
+        })
+        : sectionPlaceholder;
+    const displayValue = startDate || endDate
+        ? `${renderDate(startDate)} ${separator} ${renderDate(endDate)}`
+        : '';
+    const inputPlaceholder = `${sectionPlaceholder} ${separator} ${sectionPlaceholder}`;
+    const handleOpen = () => {
+        if (!disabled) {
+            setOpen(true);
+        }
+    };
+    const handleClose = (event, reason) => {
+        setOpen(false);
+        modalProps?.onClose?.(event, reason);
+    };
+    const handleSubmit = (range) => {
+        customProps?.onSubmit?.(range);
+        setOpen(false);
+    };
+    const handleCloseCallback = () => {
+        customProps?.onCloseCallback?.();
+        setOpen(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { ref: anchorRef, onClick: handleOpen, sx: {
+                    display: fullWidth ? 'flex' : 'inline-flex',
+                    width: fullWidth ? '100%' : 'auto',
+                    cursor: disabled ? 'default' : 'pointer',
+                }, children: _jsx(TextField, { fullWidth: fullWidth, size: size, label: label, disabled: disabled, value: displayValue, placeholder: inputPlaceholder, 
+                    // Clicks must land on the wrapping Box so the input never takes
+                    // focus (which would close the popover on blur)
+                    sx: {
+                        pointerEvents: 'none',
+                        width: fullWidth ? '100%' : '315px',
+                        '& .MuiInputBase-root': { cursor: 'pointer' },
+                        '& .MuiInputBase-input': { cursor: 'pointer' },
+                    }, slotProps: {
+                        input: {
+                            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(CalendarIcon, { fontSize: "small", sx: { color: 'action.active' } }) })),
+                        },
+                    } }) }), _jsx(PickerModal, { ...pickerProps, onChange: handleChange, modalProps: {
+                    ...modalProps,
+                    open: open && Boolean(anchorRef.current),
+                    anchorEl: anchorRef.current,
+                    onClose: handleClose,
+                }, customProps: {
+                    ...customProps,
+                    onSubmit: handleSubmit,
+                    onCloseCallback: handleCloseCallback,
+                } })] }));
+};
+//# sourceMappingURL=PickerInput.js.map

package/dist/date-range-picker/PickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerInput.js","sourceRoot":"","sources":["../../src/date-range-picker/PickerInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAiCvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,GAAG,EACf,WAAW,EACX,KAAK,EACL,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,WAAW,EACX,GAAG,WAAW,EACG,EAAE,EAAE;IACrB,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,2EAA2E;IAC3E,0EAA0E;IAC1E,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,KAAK,SAAS,CAAA;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,WAAW,CAAC,YAAY,IAAI,WAAW,CAAC,gBAAgB,IAAI,EAAE,CAC/D,CAAA;IACD,MAAM,SAAS,GAAc,YAAY;QACvC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC;QAC3B,CAAC,CAAC,aAAa,CAAA;IAEjB,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;QACD,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,CAAA;IACxC,MAAM,kBAAkB,GAAG,WAAW,IAAI,MAAM,CAAC,WAAW,EAAE,CAAA;IAC9D,MAAM,UAAU,GAAG,CAAC,IAAW,EAAE,EAAE,CACjC,IAAI;QACF,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;YAC1B,MAAM,EAAE,WAAW,CAAC,MAAM;YAC1B,WAAW,EAAE,WAAW,CAAC,WAAW;SACrC,CAAC;QACJ,CAAC,CAAC,kBAAkB,CAAA;IACxB,MAAM,YAAY,GAChB,SAAS,IAAI,OAAO;QAClB,CAAC,CAAC,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE;QAChE,CAAC,CAAC,EAAE,CAAA;IACR,MAAM,gBAAgB,GAAG,GAAG,kBAAkB,IAAI,SAAS,IAAI,kBAAkB,EAAE,CAAA;IAEnF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IACD,MAAM,WAAW,GAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QAC7D,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,UAAU,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACtC,CAAC,CAAA;IACD,MAAM,YAAY,GAA8C,CAAC,KAAK,EAAE,EAAE;QACxE,WAAW,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAA;IACD,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,WAAW,EAAE,eAAe,EAAE,EAAE,CAAA;QAChC,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,OAAO,CACL,8BACE,KAAC,GAAG,IACF,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,UAAU,EACnB,EAAE,EAAE;oBACF,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;oBAC3C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;oBAClC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;iBACzC,YAED,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,gBAAgB;oBAC7B,gEAAgE;oBAChE,gDAAgD;oBAChD,EAAE,EAAE;wBACF,aAAa,EAAE,MAAM;wBACrB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBACnC,sBAAsB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;wBAC7C,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;qBAC/C,EACD,SAAS,EAAE;wBACT,KAAK,EAAE;4BACL,YAAY,EAAE,CACZ,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC5B,KAAC,YAAY,IACX,QAAQ,EAAC,OAAO,EAChB,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,GAC9B,GACa,CAClB;yBACF;qBACF,GACD,GACE,EAEN,KAAC,WAAW,OACN,WAAW,EACf,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE;oBACV,GAAG,UAAU;oBACb,IAAI,EAAE,IAAI,IAAI,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;oBACxC,QAAQ,EAAE,SAAS,CAAC,OAAO;oBAC3B,OAAO,EAAE,WAAW;iBACrB,EACD,WAAW,EAAE;oBACX,GAAG,WAAW;oBACd,QAAQ,EAAE,YAAY;oBACtB,eAAe,EAAE,mBAAmB;iBACrC,GACD,IACD,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/date-range-picker/PickerModal.d.ts

@@ -0,0 +1,2 @@
+import type { PickerModalProps } from './types';
+export declare const PickerModal: ({ modalProps, customProps, ...dateRangePickerProps }: PickerModalProps) => import("react").JSX.Element;

package/dist/date-range-picker/PickerModal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog, Popover, useMediaQuery, useTheme } from '@mui/material';
+import { DateRangePicker } from './DateRangePicker';
+export const PickerModal = ({ modalProps, customProps, ...dateRangePickerProps }) => {
+    const theme = useTheme();
+    const isMobileView = useMediaQuery(theme.breakpoints.down('md'));
+    if (isMobileView) {
+        const { open, onClose } = modalProps;
+        return (_jsx(Dialog, { open: open, onClose: onClose, children: _jsx(DateRangePicker, { ...dateRangePickerProps, customProps: customProps, footerRequired: true }) }));
+    }
+    return (_jsx(Popover, { ...modalProps, children: _jsx(DateRangePicker, { ...dateRangePickerProps, customProps: customProps, footerRequired: true }) }));
+};
+//# sourceMappingURL=PickerModal.js.map

package/dist/date-range-picker/PickerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerModal.js","sourceRoot":"","sources":["../../src/date-range-picker/PickerModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,EACV,WAAW,EACX,GAAG,oBAAoB,EACN,EAAE,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhE,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,UAAU,CAAA;QACpC,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAClC,KAAC,eAAe,OACV,oBAAoB,EACxB,WAAW,EAAE,WAAW,EACxB,cAAc,SACd,GACK,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,OAAO,OAAK,UAAU,YACrB,KAAC,eAAe,OACV,oBAAoB,EACxB,WAAW,EAAE,WAAW,EACxB,cAAc,SACd,GACM,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/date-range-picker/components/Actions.d.ts

@@ -0,0 +1,7 @@
+import type { Labels, ModalCustomProps } from '../types';
+type ActionsProps = Omit<ModalCustomProps, 'onSubmit'> & {
+    labels?: Labels['actions'];
+    onSubmit: () => void;
+};
+export declare const Actions: ({ onCloseCallback, onSubmit, labels, }: ActionsProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, styled } from '@mui/material';
+const CancelButtonStyled = styled(Button)(({ theme }) => ({
+    textTransform: 'none',
+    fontSize: 13,
+    fontWeight: 400,
+    borderRadius: '8px',
+    marginRight: '8px',
+    padding: '0 16px',
+    height: '36px',
+    color: theme.palette.grey[600],
+    '&:hover': {
+        backgroundColor: theme.palette.grey[100],
+    },
+}));
+const ApplyButtonStyled = styled(Button)({
+    fontSize: 13,
+    fontWeight: 400,
+    borderRadius: '8px',
+    textTransform: 'none',
+    height: '36px',
+    padding: '0 16px',
+});
+export const Actions = ({ onCloseCallback, onSubmit, labels, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { children: _jsx(CancelButtonStyled, { disableRipple: true, disableElevation: true, variant: "text", onClick: onCloseCallback, children: labels?.cancel || 'Cancel' }) }), _jsx(Box, { children: _jsx(ApplyButtonStyled, { disableRipple: true, disableElevation: true, type: "submit", variant: "contained", color: "primary", onClick: onSubmit, children: labels?.apply || 'Apply' }) })] }));
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../../../src/date-range-picker/components/Actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAInD,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,KAAK;IACnB,WAAW,EAAE,KAAK;IAClB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAC9B,SAAS,EAAE;QACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,eAAe,EACf,QAAQ,EACR,MAAM,GACO,EAAE,EAAE;IACjB,OAAO,CACL,8BACE,KAAC,GAAG,cACF,KAAC,kBAAkB,IACjB,aAAa,QACb,gBAAgB,QAChB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,eAAe,YAEvB,MAAM,EAAE,MAAM,IAAI,QAAQ,GACR,GACjB,EAEN,KAAC,GAAG,cACF,KAAC,iBAAiB,IAChB,aAAa,QACb,gBAAgB,QAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,QAAQ,YAEhB,MAAM,EAAE,KAAK,IAAI,OAAO,GACP,GAChB,IACL,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/date-range-picker/components/Calendars.d.ts

@@ -0,0 +1,39 @@
+import type { ReactElement } from 'react';
+import type { Locale } from 'date-fns';
+import type { DateRange } from '../types';
+import { NavigationAction } from '../types';
+type CommonProps = {
+    dateRange: DateRange;
+    minDate: Date;
+    maxDate: Date;
+    helpers: {
+        isInHoverRange: (day: Date) => boolean;
+    };
+    handlers: {
+        handleClickDateNumber: (day: Date) => void;
+        handleClickSubmit: () => void;
+        handleHoverDateNumber: (day: Date) => void;
+        handleClickNavIcon: (marker: symbol, action: NavigationAction) => void;
+    };
+    locale?: Locale;
+    buddhistEra?: boolean;
+    hideOutsideMonthDays?: boolean;
+};
+type DualCalendarProps = {
+    firstMonth: Date;
+    secondMonth: Date;
+    handleSetFirstMonth: (date: Date) => void;
+    handleSetSecondMonth: (date: Date) => void;
+    canNavigateCloser: boolean;
+    commonProps: CommonProps;
+};
+export declare const DualCalendar: ({ firstMonth, secondMonth, handleSetFirstMonth, handleSetSecondMonth, canNavigateCloser, commonProps, }: DualCalendarProps) => ReactElement;
+type SingleCalendarProps = {
+    firstMonth: Date;
+    secondMonth: Date;
+    handleSetSingleMonth: (date: Date) => void;
+    canNavigateCloser: boolean;
+    commonProps: CommonProps;
+};
+export declare const SingleCalendar: ({ firstMonth, secondMonth, handleSetSingleMonth, commonProps, }: SingleCalendarProps) => ReactElement;
+export {};

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Divider } from '@mui/material';
+import { isSameMonth } from 'date-fns';
+import { MARKERS } from '../constants';
+import { Month } from './Month';
+export const DualCalendar = ({ firstMonth, secondMonth, handleSetFirstMonth, handleSetSecondMonth, canNavigateCloser, commonProps, }) => {
+    const canNavigateBack = !isSameMonth(firstMonth, commonProps.minDate);
+    const canNavigateForward = !isSameMonth(secondMonth, commonProps.maxDate);
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: {
+                xs: 'column',
+                md: 'row',
+            },
+            justifyContent: 'center',
+        }, children: [_jsx(Box, { sx: { display: 'flex', flexDirection: 'column' }, children: _jsx(Month, { dateRange: commonProps.dateRange, minDate: commonProps.minDate, maxDate: commonProps.maxDate, helpers: commonProps.helpers, handlers: commonProps.handlers, locale: commonProps.locale, buddhistEra: commonProps.buddhistEra, hideOutsideMonthDays: commonProps.hideOutsideMonthDays, currentDate: firstMonth, otherDate: secondMonth, setMonth: handleSetFirstMonth, navState: [canNavigateBack, canNavigateCloser], marker: MARKERS.FIRST_MONTH }) }), _jsx(Box, { children: _jsx(Divider, { orientation: "vertical" }) }), _jsx(Box, { sx: { display: 'flex', flexDirection: 'column' }, children: _jsx(Month, { dateRange: commonProps.dateRange, minDate: commonProps.minDate, maxDate: commonProps.maxDate, helpers: commonProps.helpers, handlers: commonProps.handlers, locale: commonProps.locale, buddhistEra: commonProps.buddhistEra, hideOutsideMonthDays: commonProps.hideOutsideMonthDays, currentDate: secondMonth, otherDate: firstMonth, setMonth: handleSetSecondMonth, navState: [canNavigateCloser, canNavigateForward], marker: MARKERS.SECOND_MONTH }) })] }));
+};
+export const SingleCalendar = ({ firstMonth, secondMonth, handleSetSingleMonth, commonProps, }) => {
+    const canNavigateBack = !isSameMonth(firstMonth, commonProps.minDate);
+    const canNavigateForward = !isSameMonth(firstMonth, commonProps.maxDate);
+    return (_jsx(Box, { sx: {
+            display: 'flex',
+            flexDirection: {
+                xs: 'column',
+                md: 'row',
+            },
+            justifyContent: 'center',
+        }, children: _jsx(Box, { sx: { display: 'flex', flexDirection: 'column' }, children: _jsx(Month, { dateRange: commonProps.dateRange, minDate: commonProps.minDate, maxDate: commonProps.maxDate, helpers: commonProps.helpers, handlers: commonProps.handlers, locale: commonProps.locale, buddhistEra: commonProps.buddhistEra, hideOutsideMonthDays: commonProps.hideOutsideMonthDays, currentDate: firstMonth, otherDate: secondMonth, setMonth: handleSetSingleMonth, navState: [canNavigateBack, canNavigateForward], marker: MARKERS.SINGLE_MONTH }) }) }));
+};
+//# sourceMappingURL=Calendars.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendars.js","sourceRoot":"","sources":["../../../src/date-range-picker/components/Calendars.tsx"],"names":[],"mappings":"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"}