@trsys-tech/matrix-library 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Icons/DangerCircleIcon.d.ts +1 -1
- package/dist/components/Icons/DangerCircleIcon.d.ts.map +1 -1
- package/dist/components/Icons/InfoCircleIcon.d.ts +1 -1
- package/dist/components/Icons/InfoCircleIcon.d.ts.map +1 -1
- package/dist/components/Icons/SuccessCircleIcon.d.ts +1 -1
- package/dist/components/Icons/SuccessCircleIcon.d.ts.map +1 -1
- package/dist/components/Icons/WarningCircleIcon.d.ts +1 -1
- package/dist/components/Icons/WarningCircleIcon.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/command/Command.d.ts +2 -2
- package/dist/components/command/Command.d.ts.map +1 -1
- package/dist/components/context-menu/ContextMenu.d.ts +1 -1
- package/dist/components/date-picker/DesktopDateRangePicker.d.ts +4 -0
- package/dist/components/date-picker/DesktopDateRangePicker.d.ts.map +1 -1
- package/dist/components/date-picker/MobileDatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/MobileDateRangePicker.d.ts +4 -0
- package/dist/components/date-picker/MobileDateRangePicker.d.ts.map +1 -1
- package/dist/components/date-picker/calendar.d.ts +2 -1
- package/dist/components/date-picker/calendar.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.d.ts +2 -2
- package/dist/components/drawer/SwipableDrawer.d.ts +3 -3
- package/dist/components/drawer/SwipableDrawer.d.ts.map +1 -1
- package/dist/components/duration/Duration.d.ts.map +1 -1
- package/dist/components/form/Form.d.ts +5 -4
- package/dist/components/form/Form.d.ts.map +1 -1
- package/dist/components/form-checkbox/FormCheckbox.d.ts +1 -1
- package/dist/components/form-checkbox/FormCheckbox.d.ts.map +1 -1
- package/dist/components/form-combobox/FormCombobox.d.ts +1 -1
- package/dist/components/form-combobox/FormCombobox.d.ts.map +1 -1
- package/dist/components/form-date-picker/FormDatePicker.d.ts +1 -1
- package/dist/components/form-date-picker/FormDatePicker.d.ts.map +1 -1
- package/dist/components/form-date-range-picker/FormDateRangePicker.d.ts +1 -1
- package/dist/components/form-date-range-picker/FormDateRangePicker.d.ts.map +1 -1
- package/dist/components/form-duration/FormDuration.d.ts +1 -1
- package/dist/components/form-duration/FormDuration.d.ts.map +1 -1
- package/dist/components/form-input/FormInput.d.ts +1 -1
- package/dist/components/form-input/FormInput.d.ts.map +1 -1
- package/dist/components/form-multi-select/FormMultiSelect.d.ts +1 -1
- package/dist/components/form-multi-select/FormMultiSelect.d.ts.map +1 -1
- package/dist/components/form-rating/FormRating.d.ts +1 -1
- package/dist/components/form-rating/FormRating.d.ts.map +1 -1
- package/dist/components/form-select/FormSelect.d.ts +1 -1
- package/dist/components/form-select/FormSelect.d.ts.map +1 -1
- package/dist/components/form-switch/FormSwitch.d.ts +1 -1
- package/dist/components/form-switch/FormSwitch.d.ts.map +1 -1
- package/dist/components/form-textarea/FormTextarea.d.ts +1 -1
- package/dist/components/form-textarea/FormTextarea.d.ts.map +1 -1
- package/dist/components/form-time-picker/FormTimePicker.d.ts +1 -1
- package/dist/components/form-time-picker/FormTimePicker.d.ts.map +1 -1
- package/dist/components/label/Label.d.ts.map +1 -1
- package/dist/components/modal/Modal.d.ts +2 -2
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/components/progress/Progress.d.ts.map +1 -1
- package/dist/components/select/Select.d.ts +1 -1
- package/dist/components/sheet/Sheet.d.ts +2 -2
- package/dist/components/sheet/Sheet.d.ts.map +1 -1
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
- package/dist/components/skeleton/Skeleton.d.ts +1 -1
- package/dist/components/skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/status/Status.d.ts.map +1 -1
- package/dist/components/switch/Switch.d.ts.map +1 -1
- package/dist/components/text-field/TextField.d.ts.map +1 -1
- package/dist/components/toast/Toast.d.ts +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/toast-components.d.ts.map +1 -1
- package/dist/desktopdaterangepicker.es.js +50 -48
- package/dist/desktopdaterangepicker.es.js.map +1 -1
- package/dist/lib/hooks/use-mobile.d.ts.map +1 -1
- package/dist/mobiledatepicker.es.js +15 -17
- package/dist/mobiledatepicker.es.js.map +1 -1
- package/dist/mobiledaterangepicker.es.js +54 -54
- package/dist/mobiledaterangepicker.es.js.map +1 -1
- package/dist/sidebar.es.js +45 -47
- package/dist/sidebar.es.js.map +1 -1
- package/dist/use-mobile.es.js +15 -10
- package/dist/use-mobile.es.js.map +1 -1
- package/package.json +16 -18
|
@@ -2,7 +2,7 @@ import { SelectValueProps, SelectGroupProps } from '@radix-ui/react-select';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
4
|
declare const Select: {
|
|
5
|
-
({ onValueChange, value, ...props }: SelectPrimitive.SelectProps):
|
|
5
|
+
({ onValueChange, value, ...props }: SelectPrimitive.SelectProps): React.JSX.Element;
|
|
6
6
|
displayName: string | undefined;
|
|
7
7
|
};
|
|
8
8
|
type SelectProps = React.ComponentProps<typeof Select>;
|
|
@@ -62,12 +62,12 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetP
|
|
|
62
62
|
}
|
|
63
63
|
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
64
64
|
declare const SheetHeader: {
|
|
65
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>):
|
|
65
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type SheetHeaderProps = React.ComponentProps<typeof SheetHeader>;
|
|
69
69
|
declare const SheetFooter: {
|
|
70
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>):
|
|
70
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
71
71
|
displayName: string;
|
|
72
72
|
};
|
|
73
73
|
type SheetFooterProps = React.ComponentProps<typeof SheetFooter>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/Sheet.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/Sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EACV,WAAW,IAAI,UAAU,EACzB,kBAAkB,IAAI,iBAAiB,EACvC,gBAAgB,IAAI,eAAe,EACnC,iBAAiB,IAAI,gBAAgB,EACrC,kBAAkB,IAAI,iBAAiB,EACvC,sBAAsB,IAAI,qBAAqB,EAC/C,gBAAgB,IAAI,eAAe,EACpC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAWjB,CAAC;AAGF,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAcjB,CAAC;AAEH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAExI,QAAA,MAAM,YAAY,0FAajB,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEjF,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,QAAA,MAAM,WAAW;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEjF,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,QAAA,MAAM,UAAU,mKAIf,CAAC;AAGF,QAAA,MAAM,gBAAgB,6KAKpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react
|
|
1
|
+
declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
|
|
2
2
|
declare namespace Skeleton {
|
|
3
3
|
var displayName: string;
|
|
4
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,+BAE9E;kBAFQ,QAAQ;;;AAIjB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/status/Status.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/status/Status.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0BlB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAEjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAYlB,CAAC;AAEH,UAAU,WAAY,SAAQ,gBAAgB,CAAC,WAAW,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAElG,QAAA,MAAM,MAAM,uFAQV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/TextField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIrD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBrB,CAAC;AAEH,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,iBAAiB,CAAC;IAC3G,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC1D,CAAC;CACH;AAED,QAAA,MAAM,SAAS,yFAgEd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
|
|
@@ -11,7 +11,7 @@ type ToastProps = {
|
|
|
11
11
|
titleProps?: React.ComponentProps<typeof ToastTitle>;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
declare function Toast({ limit, duration, slotProps }: ToastProps): import("react
|
|
14
|
+
declare function Toast({ limit, duration, slotProps }: ToastProps): import("react").JSX.Element;
|
|
15
15
|
declare namespace Toast {
|
|
16
16
|
var displayName: string;
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,UAAU,EAAiB,UAAU,EAAiB,MAAM,oBAAoB,CAAC;AAOzG,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE/E,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,kBAAkB,CAAC;QACnC,aAAa,CAAC,EAAE,kBAAkB,CAAC;QACnC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;QAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;QACrD,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;KACtD,CAAC;CACH,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,KAAS,EAAE,QAAe,EAAE,SAAS,EAAE,EAAE,UAAU
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,UAAU,EAAiB,UAAU,EAAiB,MAAM,oBAAoB,CAAC;AAOzG,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE/E,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE;QACV,aAAa,CAAC,EAAE,kBAAkB,CAAC;QACnC,aAAa,CAAC,EAAE,kBAAkB,CAAC;QACnC,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;QAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;QACrD,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;KACtD,CAAC;CACH,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,KAAS,EAAE,QAAe,EAAE,SAAS,EAAE,EAAE,UAAU,+BAwCnE;kBAxCQ,KAAK;;;AA2Cd,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast-components.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-components.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toast-components.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast-components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAYjB,CAAC;AAGH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAcjB,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;AAElE,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wEAKT,CAAC;AAGH,QAAA,MAAM,WAAW,kKAWhB,CAAC;AAGF,QAAA,MAAM,UAAU,iKAMf,CAAC;AAGF,QAAA,MAAM,UAAU,2JAIf,CAAC;AAGF,QAAA,MAAM,gBAAgB,iKAG2H,CAAC;AAGlJ,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
|
|
@@ -1,79 +1,81 @@
|
|
|
1
1
|
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
3
|
-
import { Calendar as
|
|
4
|
-
import { cn as
|
|
5
|
-
import { Calendar as
|
|
6
|
-
import { toCalendarDateRange as
|
|
7
|
-
import { Button as
|
|
8
|
-
import { Popover as
|
|
9
|
-
import { format as
|
|
10
|
-
const
|
|
11
|
-
formatStr:
|
|
12
|
-
selected:
|
|
13
|
-
placeholder:
|
|
14
|
-
className:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
2
|
+
import * as C from "react";
|
|
3
|
+
import { Calendar as D } from "@trsys-tech/matrix-icons";
|
|
4
|
+
import { cn as x } from "./utils.es.js";
|
|
5
|
+
import { Calendar as R } from "./calendar.es.js";
|
|
6
|
+
import { toCalendarDateRange as N, toDateOnlyRange as O } from "./datevalue.es.js";
|
|
7
|
+
import { Button as P } from "./button.es.js";
|
|
8
|
+
import { Popover as j, PopoverTrigger as k, PopoverContent as $ } from "./popover.es.js";
|
|
9
|
+
import { format as o } from "./format.es.js";
|
|
10
|
+
const z = ({
|
|
11
|
+
formatStr: m,
|
|
12
|
+
selected: l,
|
|
13
|
+
placeholder: s,
|
|
14
|
+
className: i,
|
|
15
|
+
labelSeparator: d = ": ",
|
|
16
|
+
fromToSeparator: c = "",
|
|
17
|
+
calendarClassName: p,
|
|
18
|
+
fromText: f,
|
|
19
|
+
toText: u,
|
|
20
|
+
onSelect: y,
|
|
21
|
+
disabled: g,
|
|
22
|
+
disabledDates: h,
|
|
23
|
+
...b
|
|
22
24
|
}) => {
|
|
23
|
-
const [
|
|
24
|
-
|
|
25
|
+
const [w, M] = C.useState(!1), t = N(l), a = !!(t?.from || t?.to), v = (n) => {
|
|
26
|
+
y?.(O(n));
|
|
25
27
|
};
|
|
26
28
|
return /* @__PURE__ */ e(
|
|
27
|
-
|
|
29
|
+
j,
|
|
28
30
|
{
|
|
29
|
-
open:
|
|
31
|
+
open: w,
|
|
30
32
|
onOpenChange: (n) => {
|
|
31
|
-
|
|
33
|
+
M(n);
|
|
32
34
|
},
|
|
33
35
|
children: [
|
|
34
|
-
/* @__PURE__ */ r(
|
|
35
|
-
|
|
36
|
+
/* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ e(
|
|
37
|
+
P,
|
|
36
38
|
{
|
|
37
39
|
variant: "text",
|
|
38
|
-
className:
|
|
40
|
+
className: x(
|
|
39
41
|
"mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-ps-3 mtx-pe-1 mtx-py-1.5 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary hover:mtx-bg-transparent focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-gray-100 [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300",
|
|
40
|
-
|
|
42
|
+
i
|
|
41
43
|
),
|
|
42
44
|
"data-placeholder": a ? void 0 : "",
|
|
43
|
-
"aria-label": a ? `Selected date: ${t?.from ?
|
|
44
|
-
disabled:
|
|
45
|
+
"aria-label": a ? `Selected date: ${t?.from ? o(t.from, m ?? "yyyy/MM/dd") : ""} - ${t?.to ? o(t.to, m ?? "yyyy/MM/dd") : ""}` : s,
|
|
46
|
+
disabled: g,
|
|
45
47
|
type: "button",
|
|
46
48
|
children: [
|
|
47
|
-
a ? /* @__PURE__ */ e("div", { className: "mtx-
|
|
49
|
+
a ? /* @__PURE__ */ e("div", { className: "mtx-flex mtx-flex-row mtx-gap-1 mtx-flex-1 mtx-justify-items-start", children: [
|
|
48
50
|
/* @__PURE__ */ e("span", { children: [
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
t?.from ?
|
|
51
|
+
f ?? "From",
|
|
52
|
+
d,
|
|
53
|
+
t?.from ? o(t.from, m ?? "yyyy/MM/dd") : "-"
|
|
52
54
|
] }),
|
|
53
|
-
|
|
55
|
+
c,
|
|
54
56
|
/* @__PURE__ */ e("span", { children: [
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
t?.to ?
|
|
57
|
+
u ?? "To",
|
|
58
|
+
d,
|
|
59
|
+
t?.to ? o(t.to, m ?? "yyyy/MM/dd") : "-"
|
|
58
60
|
] })
|
|
59
|
-
] }) : /* @__PURE__ */ r("span", { children:
|
|
60
|
-
/* @__PURE__ */ r(
|
|
61
|
+
] }) : /* @__PURE__ */ r("span", { children: s ?? "Pick a Range" }),
|
|
62
|
+
/* @__PURE__ */ r(D, { className: "mtx-mr-2 mtx-h-5 mtx-w-4 mtx-ms-auto" })
|
|
61
63
|
]
|
|
62
64
|
}
|
|
63
65
|
) }),
|
|
64
|
-
/* @__PURE__ */ r(
|
|
65
|
-
|
|
66
|
+
/* @__PURE__ */ r($, { className: "mtx-w-auto mtx-p-0", align: "start", children: /* @__PURE__ */ r(
|
|
67
|
+
R,
|
|
66
68
|
{
|
|
67
69
|
defaultMonth: t?.from,
|
|
68
70
|
startMonth: new Date(2e3, 0, 1),
|
|
69
71
|
endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 2, 11, 31),
|
|
70
|
-
...
|
|
72
|
+
...b,
|
|
71
73
|
mode: "range",
|
|
72
74
|
selected: t,
|
|
73
|
-
className:
|
|
75
|
+
className: x(p, "md:mtx-max-w-full md:mtx-w-[36rem]"),
|
|
74
76
|
numberOfMonths: 2,
|
|
75
|
-
onSelect:
|
|
76
|
-
disabled:
|
|
77
|
+
onSelect: v,
|
|
78
|
+
disabled: h
|
|
77
79
|
}
|
|
78
80
|
) })
|
|
79
81
|
]
|
|
@@ -81,6 +83,6 @@ const _ = ({
|
|
|
81
83
|
);
|
|
82
84
|
};
|
|
83
85
|
export {
|
|
84
|
-
|
|
86
|
+
z as DesktopDateRangePicker
|
|
85
87
|
};
|
|
86
88
|
//# sourceMappingURL=desktopdaterangepicker.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"desktopdaterangepicker.es.js","sources":["../src/components/date-picker/DesktopDateRangePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\nimport { PropsBase, PropsRange, DateRange, Matcher, OnSelectHandler } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { DateOnlyRange, DateRangeValue, toCalendarDateRange, toDateOnlyRange } from \"./dateValue\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\n/**\r\n * Props for the desktop-only date-range picker.\r\n *\r\n * Inherits the range calendar props from react-day-picker, but normalizes the\r\n * public value contract to Date | YYYY-MM-DD on input and { from, to } strings on output.\r\n */\r\ntype DesktopDateRangePickerProps = Omit<PropsBase, \"disabled\"> &\r\n Omit<PropsRange, \"mode\" | \"disabled\" | \"selected\" | \"onSelect\"> & {\r\n /** Display format used in the trigger and accessibility label. */\r\n formatStr?: string;\r\n /** Placeholder shown when no range is selected. */\r\n placeholder?: string;\r\n /** Class name forwarded to the calendar content. */\r\n calendarClassName?: string;\r\n /** Current value as Date objects or YYYY-MM-DD strings. */\r\n selected?: DateRangeValue;\r\n /** Called with YYYY-MM-DD range values when the user selects a range. */\r\n onSelect?: (date: DateOnlyRange | undefined) => void;\r\n /** Prevents clearing the selection when true. */\r\n required?: boolean;\r\n /** Label shown before the start date in the trigger. */\r\n fromText?: string;\r\n /** Label shown before the end date in the trigger. */\r\n toText?: string;\r\n /** Disables the trigger button. */\r\n disabled?: boolean;\r\n /** Dates disabled in the calendar. */\r\n disabledDates?: Matcher | Matcher[];\r\n };\r\n\r\n/**\r\n * Desktop-only date-range picker rendered in a popover.\r\n * Use this component when you want the desktop experience regardless of screen size.\r\n */\r\nconst DesktopDateRangePicker: React.FC<DesktopDateRangePickerProps> = ({\r\n formatStr,\r\n selected,\r\n placeholder,\r\n className,\r\n calendarClassName,\r\n fromText,\r\n toText,\r\n onSelect,\r\n disabled,\r\n disabledDates,\r\n ...props\r\n}) => {\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n const selectedRange = toCalendarDateRange(selected);\r\n const hasSelectedRange = Boolean(selectedRange?.from || selectedRange?.to);\r\n\r\n const handleSelect: OnSelectHandler<DateRange | undefined> = range => {\r\n onSelect?.(toDateOnlyRange(range));\r\n };\r\n\r\n return (\r\n <Popover\r\n open={isOpen}\r\n onOpenChange={open => {\r\n setIsOpen(open);\r\n }}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"text\"\r\n className={cn(\r\n \"mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-ps-3 mtx-pe-1 mtx-py-1.5 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary hover:mtx-bg-transparent focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-gray-100 [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300\",\r\n className,\r\n )}\r\n data-placeholder={!hasSelectedRange ? \"\" : undefined}\r\n aria-label={\r\n hasSelectedRange\r\n ? `Selected date: ${selectedRange?.from ? format(selectedRange.from, formatStr ?? \"yyyy/MM/dd\") : \"\"} - ${selectedRange?.to ? format(selectedRange.to, formatStr ?? \"yyyy/MM/dd\") : \"\"}`\r\n : placeholder\r\n }\r\n disabled={disabled}\r\n type=\"button\"\r\n >\r\n {hasSelectedRange ? (\r\n <div className=\"mtx-
|
|
1
|
+
{"version":3,"file":"desktopdaterangepicker.es.js","sources":["../src/components/date-picker/DesktopDateRangePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\nimport { PropsBase, PropsRange, DateRange, Matcher, OnSelectHandler } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { DateOnlyRange, DateRangeValue, toCalendarDateRange, toDateOnlyRange } from \"./dateValue\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\n/**\r\n * Props for the desktop-only date-range picker.\r\n *\r\n * Inherits the range calendar props from react-day-picker, but normalizes the\r\n * public value contract to Date | YYYY-MM-DD on input and { from, to } strings on output.\r\n */\r\ntype DesktopDateRangePickerProps = Omit<PropsBase, \"disabled\"> &\r\n Omit<PropsRange, \"mode\" | \"disabled\" | \"selected\" | \"onSelect\"> & {\r\n /** Display format used in the trigger and accessibility label. */\r\n formatStr?: string;\r\n /** Placeholder shown when no range is selected. */\r\n placeholder?: string;\r\n /** Class name forwarded to the calendar content. */\r\n calendarClassName?: string;\r\n /** Current value as Date objects or YYYY-MM-DD strings. */\r\n selected?: DateRangeValue;\r\n /** Called with YYYY-MM-DD range values when the user selects a range. */\r\n onSelect?: (date: DateOnlyRange | undefined) => void;\r\n /** Prevents clearing the selection when true. */\r\n required?: boolean;\r\n /** Label shown before the start date in the trigger. */\r\n fromText?: string;\r\n /** Label shown before the end date in the trigger. */\r\n toText?: string;\r\n /** Disables the trigger button. */\r\n disabled?: boolean;\r\n /** Dates disabled in the calendar. */\r\n disabledDates?: Matcher | Matcher[];\r\n /** Separator between the start and end date in the trigger. default: \": \" */\r\n labelSeparator?: string;\r\n /** Separator between the start and end date in the trigger. default: \"\" */\r\n fromToSeparator?: string;\r\n };\r\n\r\n/**\r\n * Desktop-only date-range picker rendered in a popover.\r\n * Use this component when you want the desktop experience regardless of screen size.\r\n */\r\nconst DesktopDateRangePicker: React.FC<DesktopDateRangePickerProps> = ({\r\n formatStr,\r\n selected,\r\n placeholder,\r\n className,\r\n labelSeparator = \": \",\r\n fromToSeparator = \"\",\r\n calendarClassName,\r\n fromText,\r\n toText,\r\n onSelect,\r\n disabled,\r\n disabledDates,\r\n ...props\r\n}) => {\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n const selectedRange = toCalendarDateRange(selected);\r\n const hasSelectedRange = Boolean(selectedRange?.from || selectedRange?.to);\r\n\r\n const handleSelect: OnSelectHandler<DateRange | undefined> = range => {\r\n onSelect?.(toDateOnlyRange(range));\r\n };\r\n\r\n return (\r\n <Popover\r\n open={isOpen}\r\n onOpenChange={open => {\r\n setIsOpen(open);\r\n }}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"text\"\r\n className={cn(\r\n \"mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-ps-3 mtx-pe-1 mtx-py-1.5 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary hover:mtx-bg-transparent focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-gray-100 [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300\",\r\n className,\r\n )}\r\n data-placeholder={!hasSelectedRange ? \"\" : undefined}\r\n aria-label={\r\n hasSelectedRange\r\n ? `Selected date: ${selectedRange?.from ? format(selectedRange.from, formatStr ?? \"yyyy/MM/dd\") : \"\"} - ${selectedRange?.to ? format(selectedRange.to, formatStr ?? \"yyyy/MM/dd\") : \"\"}`\r\n : placeholder\r\n }\r\n disabled={disabled}\r\n type=\"button\"\r\n >\r\n {hasSelectedRange ? (\r\n <div className=\"mtx-flex mtx-flex-row mtx-gap-1 mtx-flex-1 mtx-justify-items-start\">\r\n <span>\r\n {fromText ?? \"From\"}\r\n {labelSeparator}\r\n {selectedRange?.from ? format(selectedRange.from, formatStr ?? \"yyyy/MM/dd\") : \"-\"}\r\n </span>\r\n {fromToSeparator}\r\n <span>\r\n {toText ?? \"To\"}\r\n {labelSeparator}\r\n {selectedRange?.to ? format(selectedRange.to, formatStr ?? \"yyyy/MM/dd\") : \"-\"}\r\n </span>\r\n </div>\r\n ) : (\r\n <span>{placeholder ?? \"Pick a Range\"}</span>\r\n )}\r\n <CalendarIcon className=\"mtx-mr-2 mtx-h-5 mtx-w-4 mtx-ms-auto\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"mtx-w-auto mtx-p-0\" align=\"start\">\r\n <Calendar\r\n defaultMonth={selectedRange?.from}\r\n startMonth={new Date(2000, 0, 1)}\r\n endMonth={new Date(new Date().getFullYear() + 2, 11, 31)}\r\n {...props}\r\n mode=\"range\"\r\n selected={selectedRange}\r\n className={cn(calendarClassName, \"md:mtx-max-w-full md:mtx-w-[36rem]\")}\r\n numberOfMonths={2}\r\n onSelect={handleSelect}\r\n disabled={disabledDates}\r\n />\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n};\r\n\r\nexport { DesktopDateRangePicker, type DesktopDateRangePickerProps };\r\n"],"names":["DesktopDateRangePicker","formatStr","selected","placeholder","className","labelSeparator","fromToSeparator","calendarClassName","fromText","toText","onSelect","disabled","disabledDates","props","isOpen","setIsOpen","React","selectedRange","toCalendarDateRange","hasSelectedRange","handleSelect","range","toDateOnlyRange","jsxs","Popover","open","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;;AAmDA,MAAMA,IAAgE,CAAC;AAAA,EACrE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,iBAAAC,IAAkB;AAAA,EAClB,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1CC,IAAgBC,EAAoBhB,CAAQ,GAC5CiB,IAAmB,GAAQF,GAAe,QAAQA,GAAe,KAEjEG,IAAuD,CAAAC,MAAS;AACpE,IAAAX,IAAWY,EAAgBD,CAAK,CAAC;AAAA,EACnC;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,cAAc,CAAAW,MAAQ;AACpB,QAAAV,EAAUU,CAAI;AAAA,MAChB;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWC;AAAA,cACT;AAAA,cACAzB;AAAA,YAAA;AAAA,YAEF,oBAAmBe,IAAwB,SAAL;AAAA,YACtC,cACEA,IACI,kBAAkBF,GAAe,OAAOa,EAAOb,EAAc,MAAMhB,KAAa,YAAY,IAAI,EAAE,MAAMgB,GAAe,KAAKa,EAAOb,EAAc,IAAIhB,KAAa,YAAY,IAAI,EAAE,KACpLE;AAAA,YAEN,UAAAQ;AAAA,YACA,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAQ,IACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,sEACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,QAAA,EACE,UAAA;AAAA,kBAAAf,KAAY;AAAA,kBACZH;AAAA,kBACAY,GAAe,OAAOa,EAAOb,EAAc,MAAMhB,KAAa,YAAY,IAAI;AAAA,gBAAA,GACjF;AAAA,gBACCK;AAAA,kCACA,QAAA,EACE,UAAA;AAAA,kBAAAG,KAAU;AAAA,kBACVJ;AAAA,kBACAY,GAAe,KAAKa,EAAOb,EAAc,IAAIhB,KAAa,YAAY,IAAI;AAAA,gBAAA,EAAA,CAC7E;AAAA,cAAA,EAAA,CACF,IAEA,gBAAAyB,EAAC,QAAA,EAAM,UAAAvB,KAAe,gBAAe;AAAA,cAEvC,gBAAAuB,EAACK,GAAA,EAAa,WAAU,uCAAA,CAAuC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEnE;AAAA,QACA,gBAAAL,EAACM,GAAA,EAAe,WAAU,sBAAqB,OAAM,SACnD,UAAA,gBAAAN;AAAA,UAACO;AAAAA,UAAA;AAAA,YACC,cAAchB,GAAe;AAAA,YAC7B,YAAY,IAAI,KAAK,KAAM,GAAG,CAAC;AAAA,YAC/B,UAAU,IAAI,MAAK,oBAAI,KAAA,GAAO,gBAAgB,GAAG,IAAI,EAAE;AAAA,YACtD,GAAGJ;AAAA,YACJ,MAAK;AAAA,YACL,UAAUI;AAAA,YACV,WAAWY,EAAGtB,GAAmB,oCAAoC;AAAA,YACrE,gBAAgB;AAAA,YAChB,UAAUa;AAAA,YACV,UAAUR;AAAA,UAAA;AAAA,QAAA,EACZ,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/use-mobile.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/use-mobile.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,WAAW,YAE1B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as N, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
2
|
+
import * as x from "react";
|
|
3
3
|
import { VisuallyHidden as k } from "@radix-ui/react-visually-hidden";
|
|
4
4
|
import { Calendar as S } from "@trsys-tech/matrix-icons";
|
|
5
5
|
import { cn as p } from "./utils.es.js";
|
|
@@ -8,9 +8,9 @@ import { toCalendarDateFromKey as F, toDateOnlyString as O } from "./datevalue.e
|
|
|
8
8
|
import { Button as s } from "./button.es.js";
|
|
9
9
|
import { Dialog as P, DialogContent as A, DialogHeader as H, DialogTitle as K, DialogDescription as T } from "./dialog.es.js";
|
|
10
10
|
import { format as d } from "./format.es.js";
|
|
11
|
-
const
|
|
12
|
-
formatStr:
|
|
13
|
-
selected:
|
|
11
|
+
const E = ({
|
|
12
|
+
formatStr: r,
|
|
13
|
+
selected: l,
|
|
14
14
|
placeholder: f,
|
|
15
15
|
className: h,
|
|
16
16
|
calendarClassName: u,
|
|
@@ -21,14 +21,10 @@ const z = ({
|
|
|
21
21
|
disabledDates: v,
|
|
22
22
|
...w
|
|
23
23
|
}) => {
|
|
24
|
-
const [M,
|
|
25
|
-
|
|
26
|
-
x(t);
|
|
27
|
-
}, [t]);
|
|
28
|
-
const c = () => {
|
|
29
|
-
n(!1), x(t);
|
|
24
|
+
const [M, o] = x.useState(!1), i = l instanceof Date ? l.getTime() : l, t = x.useMemo(() => F(i), [i]), [m, n] = x.useState(t), c = () => {
|
|
25
|
+
o(!1), n(t);
|
|
30
26
|
}, C = () => {
|
|
31
|
-
y?.(O(m)),
|
|
27
|
+
y?.(O(m)), o(!1);
|
|
32
28
|
};
|
|
33
29
|
return /* @__PURE__ */ a(N, { children: [
|
|
34
30
|
/* @__PURE__ */ a(
|
|
@@ -40,12 +36,14 @@ const z = ({
|
|
|
40
36
|
h
|
|
41
37
|
),
|
|
42
38
|
"data-placeholder": t ? void 0 : "",
|
|
43
|
-
onClick: () =>
|
|
44
|
-
|
|
39
|
+
onClick: () => {
|
|
40
|
+
n(t), o(!0);
|
|
41
|
+
},
|
|
42
|
+
"aria-label": t ? `Selected date: ${d(t, r ?? "yyyy/MM/dd")}` : "Pick a date",
|
|
45
43
|
disabled: D,
|
|
46
44
|
type: "button",
|
|
47
45
|
children: [
|
|
48
|
-
t ? d(t,
|
|
46
|
+
t ? d(t, r ?? "eee, MMM dd") : /* @__PURE__ */ e("span", { children: f ?? "Pick a date" }),
|
|
49
47
|
/* @__PURE__ */ e(S, { className: "mtx-mr-2 mtx-h-5 mtx-w-5 mtx-ms-auto" })
|
|
50
48
|
]
|
|
51
49
|
}
|
|
@@ -54,7 +52,7 @@ const z = ({
|
|
|
54
52
|
/* @__PURE__ */ a(H, { className: "mtx-p-4 mtx-border-b mtx-border-b-gray-200", children: [
|
|
55
53
|
/* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a("div", { className: "mtx-text-sm mtx-font-bold mtx-space-y-1 mtx-mt-3", children: [
|
|
56
54
|
/* @__PURE__ */ e("h5", { className: "mtx-text-text-300", children: m ? m.getFullYear() : /* @__PURE__ */ e("pre", { children: " " }) }),
|
|
57
|
-
/* @__PURE__ */ e("h6", { className: "", children: m ? d(m,
|
|
55
|
+
/* @__PURE__ */ e("h6", { className: "", children: m ? d(m, r ?? "eee, MMM dd") : /* @__PURE__ */ e("pre", { children: " " }) })
|
|
58
56
|
] }) }),
|
|
59
57
|
/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(T, { children: "Date Picker" }) })
|
|
60
58
|
] }),
|
|
@@ -68,7 +66,7 @@ const z = ({
|
|
|
68
66
|
...w,
|
|
69
67
|
mode: "single",
|
|
70
68
|
selected: m,
|
|
71
|
-
onSelect:
|
|
69
|
+
onSelect: n,
|
|
72
70
|
className: p("mtx-p-0", u),
|
|
73
71
|
disabled: v
|
|
74
72
|
}
|
|
@@ -82,6 +80,6 @@ const z = ({
|
|
|
82
80
|
] });
|
|
83
81
|
};
|
|
84
82
|
export {
|
|
85
|
-
|
|
83
|
+
E as MobileDatePicker
|
|
86
84
|
};
|
|
87
85
|
//# sourceMappingURL=mobiledatepicker.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobiledatepicker.es.js","sources":["../src/components/date-picker/MobileDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\r\nimport { Matcher, PropsBase, PropsSingle } from \"react-day-picker\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { DateOnlyString, DateValue, toCalendarDateFromKey, toDateOnlyString } from \"./dateValue\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"../dialog/Dialog\";\r\n\r\n/**\r\n * Props for the mobile-only single-date picker.\r\n *\r\n * Inherits the single-date calendar props from react-day-picker, but accepts\r\n * Date | YYYY-MM-DD on input and emits YYYY-MM-DD on apply.\r\n */\r\ntype MobileDatePickerProps = Omit<PropsBase, \"disabled\"> &\r\n Omit<PropsSingle, \"mode\" | \"disabled\" | \"selected\" | \"onSelect\"> & {\r\n /** Display format used in the trigger and dialog header. */\r\n formatStr?: string;\r\n /** Placeholder shown when no date is selected. */\r\n placeholder?: string;\r\n /** Class name forwarded to the calendar content. */\r\n calendarClassName?: string;\r\n /** Current value as a native Date or a YYYY-MM-DD string. */\r\n selected?: DateValue;\r\n /** Prevents clearing the selection when true. */\r\n required?: boolean;\r\n /** Label for the cancel button. */\r\n cancelText?: string;\r\n /** Label for the apply button. */\r\n applyText?: string;\r\n /** Called with a YYYY-MM-DD string when the user confirms the selection. */\r\n onSelect?: (date: DateOnlyString | undefined) => void;\r\n /** Disables the trigger button. */\r\n disabled?: boolean;\r\n /** Dates disabled in the calendar. */\r\n disabledDates?: Matcher | Matcher[];\r\n };\r\n\r\n/**\r\n * Mobile-only single-date picker rendered in a full-screen dialog.\r\n * Use this component when you want mobile interaction regardless of screen size.\r\n */\r\nconst MobileDatePicker: React.FC<MobileDatePickerProps> = ({\r\n formatStr,\r\n selected,\r\n placeholder,\r\n className,\r\n calendarClassName,\r\n cancelText,\r\n applyText,\r\n onSelect,\r\n disabled,\r\n disabledDates,\r\n ...props\r\n}) => {\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n const selectedValueKey = selected instanceof Date ? selected.getTime() : selected;\r\n const validatedSelectedDate = React.useMemo(() => toCalendarDateFromKey(selectedValueKey), [selectedValueKey]);\r\n const [selectedDate, setSelectedDate] = React.useState<Date | undefined>(validatedSelectedDate);\r\n\r\n
|
|
1
|
+
{"version":3,"file":"mobiledatepicker.es.js","sources":["../src/components/date-picker/MobileDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\r\nimport { Matcher, PropsBase, PropsSingle } from \"react-day-picker\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { DateOnlyString, DateValue, toCalendarDateFromKey, toDateOnlyString } from \"./dateValue\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"../dialog/Dialog\";\r\n\r\n/**\r\n * Props for the mobile-only single-date picker.\r\n *\r\n * Inherits the single-date calendar props from react-day-picker, but accepts\r\n * Date | YYYY-MM-DD on input and emits YYYY-MM-DD on apply.\r\n */\r\ntype MobileDatePickerProps = Omit<PropsBase, \"disabled\"> &\r\n Omit<PropsSingle, \"mode\" | \"disabled\" | \"selected\" | \"onSelect\"> & {\r\n /** Display format used in the trigger and dialog header. */\r\n formatStr?: string;\r\n /** Placeholder shown when no date is selected. */\r\n placeholder?: string;\r\n /** Class name forwarded to the calendar content. */\r\n calendarClassName?: string;\r\n /** Current value as a native Date or a YYYY-MM-DD string. */\r\n selected?: DateValue;\r\n /** Prevents clearing the selection when true. */\r\n required?: boolean;\r\n /** Label for the cancel button. */\r\n cancelText?: string;\r\n /** Label for the apply button. */\r\n applyText?: string;\r\n /** Called with a YYYY-MM-DD string when the user confirms the selection. */\r\n onSelect?: (date: DateOnlyString | undefined) => void;\r\n /** Disables the trigger button. */\r\n disabled?: boolean;\r\n /** Dates disabled in the calendar. */\r\n disabledDates?: Matcher | Matcher[];\r\n };\r\n\r\n/**\r\n * Mobile-only single-date picker rendered in a full-screen dialog.\r\n * Use this component when you want mobile interaction regardless of screen size.\r\n */\r\nconst MobileDatePicker: React.FC<MobileDatePickerProps> = ({\r\n formatStr,\r\n selected,\r\n placeholder,\r\n className,\r\n calendarClassName,\r\n cancelText,\r\n applyText,\r\n onSelect,\r\n disabled,\r\n disabledDates,\r\n ...props\r\n}) => {\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n const selectedValueKey = selected instanceof Date ? selected.getTime() : selected;\r\n const validatedSelectedDate = React.useMemo(() => toCalendarDateFromKey(selectedValueKey), [selectedValueKey]);\r\n const [selectedDate, setSelectedDate] = React.useState<Date | undefined>(validatedSelectedDate);\r\n\r\n const handleCancel = () => {\r\n setIsOpen(false);\r\n setSelectedDate(validatedSelectedDate);\r\n };\r\n\r\n const handleApply = () => {\r\n onSelect?.(toDateOnlyString(selectedDate));\r\n setIsOpen(false);\r\n };\r\n\r\n return (\r\n <>\r\n <Button\r\n variant=\"text\"\r\n className={cn(\r\n \"mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-ps-3 mtx-pe-1 mtx-py-1.5 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary hover:mtx-bg-transparent focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-gray-100 [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300\",\r\n className,\r\n )}\r\n data-placeholder={!validatedSelectedDate ? \"\" : undefined}\r\n onClick={() => {\r\n setSelectedDate(validatedSelectedDate);\r\n setIsOpen(true);\r\n }}\r\n aria-label={validatedSelectedDate ? `Selected date: ${format(validatedSelectedDate, formatStr ?? \"yyyy/MM/dd\")}` : \"Pick a date\"}\r\n disabled={disabled}\r\n type=\"button\"\r\n >\r\n {validatedSelectedDate ? format(validatedSelectedDate, formatStr ?? \"eee, MMM dd\") : <span>{placeholder ?? \"Pick a date\"}</span>}\r\n <CalendarIcon className=\"mtx-mr-2 mtx-h-5 mtx-w-5 mtx-ms-auto\" />\r\n </Button>\r\n <Dialog open={isOpen} onOpenChange={handleCancel}>\r\n <DialogContent className=\"mtx-h-dscreen mtx-w-screen mtx-p-0 mtx-flex mtx-flex-col mtx-gap-0 data-[state=open]:mtx-animate-slide-from-bottom data-[state=closed]:mtx-animate-slide-to-bottom mtx-overflow-auto mtx-max-w-screen-2xl sm:mtx-rounded-none\">\r\n <DialogHeader className=\"mtx-p-4 mtx-border-b mtx-border-b-gray-200\">\r\n <DialogTitle asChild>\r\n <div className=\"mtx-text-sm mtx-font-bold mtx-space-y-1 mtx-mt-3\">\r\n <h5 className=\"mtx-text-text-300\">{selectedDate ? selectedDate.getFullYear() : <pre> </pre>}</h5>\r\n <h6 className=\"\">{selectedDate ? format(selectedDate, formatStr ?? \"eee, MMM dd\") : <pre> </pre>}</h6>\r\n </div>\r\n </DialogTitle>\r\n <VisuallyHidden>\r\n <DialogDescription>{\"Date Picker\"}</DialogDescription>\r\n </VisuallyHidden>\r\n </DialogHeader>\r\n <div className=\"mtx-flex-1 mtx-flex mtx-flex-col mtx-items-center mtx-p-4\">\r\n <Calendar\r\n defaultMonth={validatedSelectedDate}\r\n startMonth={new Date(2000, 0, 1)}\r\n endMonth={new Date(new Date().getFullYear() + 2, 11, 31)}\r\n {...props}\r\n mode=\"single\"\r\n selected={selectedDate}\r\n onSelect={setSelectedDate}\r\n className={cn(\"mtx-p-0\", calendarClassName)}\r\n disabled={disabledDates}\r\n />\r\n <div className=\"mtx-flex mtx-justify-center mtx-items-center mtx-gap-4 mtx-mt-auto mtx-w-full\">\r\n <Button variant=\"text\" className=\"mtx-flex-1 mtx-h-10\" onClick={handleCancel} type=\"button\">\r\n {cancelText ?? \"Cancel\"}\r\n </Button>\r\n <Button variant=\"primary\" className=\"mtx-flex-1 mtx-h-10\" onClick={handleApply} type=\"button\">\r\n {applyText ?? \"Apply\"}\r\n </Button>\r\n </div>\r\n </div>\r\n </DialogContent>\r\n </Dialog>\r\n </>\r\n );\r\n};\r\n\r\nexport { MobileDatePicker, type MobileDatePickerProps };\r\n"],"names":["MobileDatePicker","formatStr","selected","placeholder","className","calendarClassName","cancelText","applyText","onSelect","disabled","disabledDates","props","isOpen","setIsOpen","React","selectedValueKey","validatedSelectedDate","toCalendarDateFromKey","selectedDate","setSelectedDate","handleCancel","handleApply","toDateOnlyString","jsxs","Fragment","Button","cn","format","jsx","CalendarIcon","Dialog","DialogContent","DialogHeader","DialogTitle","VisuallyHidden","DialogDescription","Calendar"],"mappings":"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"}
|
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { jsxs as o, Fragment as
|
|
2
|
-
import * as
|
|
3
|
-
import { VisuallyHidden as
|
|
4
|
-
import { Calendar as
|
|
5
|
-
import { cn as
|
|
6
|
-
import { Calendar as
|
|
7
|
-
import { toCalendarDateRangeFromKeys as
|
|
1
|
+
import { jsxs as o, Fragment as B, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import * as d from "react";
|
|
3
|
+
import { VisuallyHidden as H } from "@radix-ui/react-visually-hidden";
|
|
4
|
+
import { Calendar as I } from "@trsys-tech/matrix-icons";
|
|
5
|
+
import { cn as u } from "./utils.es.js";
|
|
6
|
+
import { Calendar as V } from "./calendar.es.js";
|
|
7
|
+
import { toCalendarDateRangeFromKeys as Y, toDateOnlyRange as _ } from "./datevalue.es.js";
|
|
8
8
|
import { Button as c } from "./button.es.js";
|
|
9
|
-
import { Dialog as
|
|
9
|
+
import { Dialog as q, DialogContent as z, DialogHeader as E, DialogTitle as G, DialogDescription as J } from "./dialog.es.js";
|
|
10
10
|
import { format as l } from "./format.es.js";
|
|
11
|
-
const
|
|
11
|
+
const me = ({
|
|
12
12
|
formatStr: n,
|
|
13
13
|
selected: x,
|
|
14
14
|
placeholder: f,
|
|
15
|
-
className:
|
|
16
|
-
calendarClassName:
|
|
17
|
-
onDayClick:
|
|
18
|
-
cancelText:
|
|
19
|
-
applyText:
|
|
20
|
-
onSelect:
|
|
21
|
-
fromText:
|
|
15
|
+
className: b,
|
|
16
|
+
calendarClassName: M,
|
|
17
|
+
onDayClick: v,
|
|
18
|
+
cancelText: D,
|
|
19
|
+
applyText: N,
|
|
20
|
+
onSelect: T,
|
|
21
|
+
fromText: w,
|
|
22
22
|
toText: C,
|
|
23
|
-
disabled:
|
|
24
|
-
disabledDates:
|
|
25
|
-
|
|
23
|
+
disabled: k,
|
|
24
|
+
disabledDates: R,
|
|
25
|
+
labelSeparator: p = ": ",
|
|
26
|
+
fromToSeparator: j = "",
|
|
27
|
+
...F
|
|
26
28
|
}) => {
|
|
27
|
-
const [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}, h = () => {
|
|
34
|
-
s(!1), a(m);
|
|
35
|
-
}, O = () => {
|
|
36
|
-
N?.(I(e)), s(!1);
|
|
29
|
+
const [O, i] = d.useState(!1), h = x?.from instanceof Date ? x.from.getTime() : x?.from, g = x?.to instanceof Date ? x.to.getTime() : x?.to, m = d.useMemo(() => Y(h, g), [h, g]), [e, a] = d.useState(m), s = !!(m?.from || m?.to), K = (r, $, A) => {
|
|
30
|
+
v?.(r, $, A), !e || !e.from ? a({ from: r, to: void 0 }) : r < e.from ? e.to ? a({ from: r, to: e.to }) : a({ from: r, to: e.from }) : e?.from?.getTime() === r?.getTime() && (e?.from?.getTime() === e?.to?.getTime() || !e.to) ? a(void 0) : e?.from?.getTime() !== e?.to?.getTime() && (e.from?.getTime() === r?.getTime() || e?.to?.getTime() === r?.getTime()) ? a({ from: r, to: r }) : a({ ...e, to: r });
|
|
31
|
+
}, y = () => {
|
|
32
|
+
i(!1), a(m);
|
|
33
|
+
}, P = () => {
|
|
34
|
+
T?.(_(e)), i(!1);
|
|
37
35
|
};
|
|
38
|
-
return /* @__PURE__ */ o(
|
|
36
|
+
return /* @__PURE__ */ o(B, { children: [
|
|
39
37
|
/* @__PURE__ */ o(
|
|
40
38
|
c,
|
|
41
39
|
{
|
|
42
40
|
variant: "text",
|
|
43
|
-
className:
|
|
41
|
+
className: u(
|
|
44
42
|
"mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-ps-3 mtx-pe-1 mtx-py-1.5 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary hover:mtx-bg-transparent focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-gray-100 [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300",
|
|
45
|
-
|
|
43
|
+
b
|
|
46
44
|
),
|
|
47
|
-
"data-placeholder":
|
|
48
|
-
onClick: () =>
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
"data-placeholder": s ? void 0 : "",
|
|
46
|
+
onClick: () => {
|
|
47
|
+
a(m), i(!0);
|
|
48
|
+
},
|
|
49
|
+
"aria-label": s ? `Selected date: ${m?.from ? l(m.from, n ?? "yyyy/MM/dd") : ""} - ${m?.to ? l(m.to, n ?? "yyyy/MM/dd") : ""}` : f,
|
|
50
|
+
disabled: k,
|
|
51
51
|
type: "button",
|
|
52
52
|
children: [
|
|
53
|
-
|
|
53
|
+
s ? /* @__PURE__ */ o("div", { className: "mtx-flex mtx-flex-row mtx-gap-1 mtx-flex-1 mtx-justify-items-start", children: [
|
|
54
54
|
/* @__PURE__ */ o("span", { children: [
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
w ?? "From",
|
|
56
|
+
p,
|
|
57
57
|
m?.from ? l(m.from, n ?? "yyyy/MM/dd") : "-"
|
|
58
58
|
] }),
|
|
59
|
-
|
|
59
|
+
j,
|
|
60
60
|
/* @__PURE__ */ o("span", { children: [
|
|
61
61
|
C ?? "To",
|
|
62
|
-
|
|
62
|
+
p,
|
|
63
63
|
m?.to ? l(m.to, n ?? "yyyy/MM/dd") : "-"
|
|
64
64
|
] })
|
|
65
65
|
] }) : /* @__PURE__ */ t("span", { children: f ?? "Pick a Range" }),
|
|
66
|
-
/* @__PURE__ */ t(
|
|
66
|
+
/* @__PURE__ */ t(I, { className: "mtx-mr-2 mtx-h-5 mtx-w-4 mtx-ms-auto" })
|
|
67
67
|
]
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
|
-
/* @__PURE__ */ t(
|
|
71
|
-
/* @__PURE__ */ o(
|
|
72
|
-
/* @__PURE__ */ t(
|
|
70
|
+
/* @__PURE__ */ t(q, { open: O, onOpenChange: y, children: /* @__PURE__ */ o(z, { className: "mtx-h-dscreen mtx-w-screen mtx-p-0 mtx-flex mtx-flex-col mtx-gap-0 data-[state=open]:mtx-animate-slide-from-bottom data-[state=closed]:mtx-animate-slide-to-bottom mtx-overflow-auto mtx-max-w-screen-2xl sm:mtx-rounded-none", children: [
|
|
71
|
+
/* @__PURE__ */ o(E, { children: [
|
|
72
|
+
/* @__PURE__ */ t(G, { asChild: !0, children: /* @__PURE__ */ o("div", { className: "mtx-grid mtx-grid-cols-2 mtx-border-b mtx-border-b-gray-200 mtx-mt-3", children: [
|
|
73
73
|
/* @__PURE__ */ o("div", { className: "mtx-text-sm mtx-font-bold mtx-space-y-1 mtx-border-e mtx-border-e-gray-200 mtx-p-4", children: [
|
|
74
74
|
/* @__PURE__ */ t("h5", { className: "mtx-text-text-300 mtx-font-medium mtx-text-xs", children: "From" }),
|
|
75
75
|
/* @__PURE__ */ t("h6", { className: "", children: e?.from ? l(e.from, n ?? "eee, MMM dd") : /* @__PURE__ */ t("pre", { children: " " }) })
|
|
@@ -79,32 +79,32 @@ const ee = ({
|
|
|
79
79
|
/* @__PURE__ */ t("h6", { className: "", children: e?.to ? l(e.to, n ?? "eee, MMM dd") : /* @__PURE__ */ t("pre", { children: " " }) })
|
|
80
80
|
] })
|
|
81
81
|
] }) }),
|
|
82
|
-
/* @__PURE__ */ t(
|
|
82
|
+
/* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(J, { children: "Date Picker" }) })
|
|
83
83
|
] }),
|
|
84
84
|
/* @__PURE__ */ o("div", { className: "mtx-flex-1 mtx-flex mtx-flex-col mtx-items-center mtx-p-4", children: [
|
|
85
85
|
/* @__PURE__ */ t(
|
|
86
|
-
|
|
86
|
+
V,
|
|
87
87
|
{
|
|
88
88
|
defaultMonth: e?.from,
|
|
89
89
|
startMonth: new Date(2e3, 0, 1),
|
|
90
90
|
endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 2, 11, 31),
|
|
91
|
-
...
|
|
91
|
+
...F,
|
|
92
92
|
mode: "range",
|
|
93
93
|
selected: e,
|
|
94
|
-
onDayClick:
|
|
95
|
-
className:
|
|
96
|
-
disabled:
|
|
94
|
+
onDayClick: K,
|
|
95
|
+
className: u("mtx-p-0", M),
|
|
96
|
+
disabled: R
|
|
97
97
|
}
|
|
98
98
|
),
|
|
99
99
|
/* @__PURE__ */ o("div", { className: "mtx-flex mtx-justify-center mtx-items-center mtx-gap-4 mtx-mt-auto mtx-w-full", children: [
|
|
100
|
-
/* @__PURE__ */ t(c, { variant: "text", className: "mtx-flex-1 mtx-h-10", onClick:
|
|
101
|
-
/* @__PURE__ */ t(c, { variant: "primary", className: "mtx-flex-1 mtx-h-10", onClick:
|
|
100
|
+
/* @__PURE__ */ t(c, { variant: "text", className: "mtx-flex-1 mtx-h-10", onClick: y, type: "button", children: D ?? "Cancel" }),
|
|
101
|
+
/* @__PURE__ */ t(c, { variant: "primary", className: "mtx-flex-1 mtx-h-10", onClick: P, type: "button", children: N ?? "Apply" })
|
|
102
102
|
] })
|
|
103
103
|
] })
|
|
104
104
|
] }) })
|
|
105
105
|
] });
|
|
106
106
|
};
|
|
107
107
|
export {
|
|
108
|
-
|
|
108
|
+
me as MobileDateRangePicker
|
|
109
109
|
};
|
|
110
110
|
//# sourceMappingURL=mobiledaterangepicker.es.js.map
|