@k3-universe/react-kit 0.0.10 → 0.0.12
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/index.js +1303 -75
- package/dist/kit/builder/form/components/FormBuilder.d.ts +5 -1
- package/dist/kit/builder/form/components/FormBuilder.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilderField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts +4 -0
- package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts +4 -0
- package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/TimePickerField.d.ts +4 -0
- package/dist/kit/builder/form/components/fields/TimePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/TimeRangePickerField.d.ts +4 -0
- package/dist/kit/builder/form/components/fields/TimeRangePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/index.d.ts +4 -0
- package/dist/kit/builder/form/components/fields/index.d.ts.map +1 -1
- package/dist/kit/components/datetimepicker/DateTimePicker.d.ts +32 -0
- package/dist/kit/components/datetimepicker/DateTimePicker.d.ts.map +1 -0
- package/dist/kit/components/datetimepicker/DateTimeRangePicker.d.ts +39 -0
- package/dist/kit/components/datetimepicker/DateTimeRangePicker.d.ts.map +1 -0
- package/dist/kit/components/datetimepicker/index.d.ts +5 -0
- package/dist/kit/components/datetimepicker/index.d.ts.map +1 -0
- package/dist/kit/components/timepicker/TimePicker.d.ts +26 -0
- package/dist/kit/components/timepicker/TimePicker.d.ts.map +1 -0
- package/dist/kit/components/timepicker/TimeRangePicker.d.ts +31 -0
- package/dist/kit/components/timepicker/TimeRangePicker.d.ts.map +1 -0
- package/dist/kit/components/timepicker/index.d.ts +5 -0
- package/dist/kit/components/timepicker/index.d.ts.map +1 -0
- package/dist/kit/themes/clean-slate.css +16 -0
- package/dist/kit/themes/default.css +16 -0
- package/dist/kit/themes/minimal-modern.css +16 -0
- package/dist/kit/themes/spotify.css +16 -0
- package/package.json +1 -1
- package/src/kit/builder/form/components/FormBuilder.tsx +17 -0
- package/src/kit/builder/form/components/FormBuilderField.tsx +48 -0
- package/src/kit/builder/form/components/fields/DateTimePickerField.tsx +33 -0
- package/src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx +42 -0
- package/src/kit/builder/form/components/fields/TimePickerField.tsx +30 -0
- package/src/kit/builder/form/components/fields/TimeRangePickerField.tsx +37 -0
- package/src/kit/builder/form/components/fields/index.ts +4 -0
- package/src/kit/components/datetimepicker/DateTimePicker.tsx +314 -0
- package/src/kit/components/datetimepicker/DateTimeRangePicker.tsx +486 -0
- package/src/kit/components/datetimepicker/index.ts +3 -0
- package/src/kit/components/monthpicker/MonthPicker.tsx +2 -2
- package/src/kit/components/monthpicker/MonthRangePicker.tsx +2 -2
- package/src/kit/components/timepicker/TimePicker.tsx +311 -0
- package/src/kit/components/timepicker/TimeRangePicker.tsx +291 -0
- package/src/kit/components/timepicker/index.ts +3 -0
- package/src/stories/kit/builder/Form.DateTime.stories.tsx +66 -0
- package/src/stories/kit/builder/Form.Time.stories.tsx +64 -0
- package/src/stories/kit/components/TimePicker.stories.tsx +69 -0
- package/src/stories/kit/components/TimeRangePicker.stories.tsx +37 -0
|
@@ -7,7 +7,7 @@ export interface FormBuilderFieldConfig {
|
|
|
7
7
|
id?: string;
|
|
8
8
|
name: string;
|
|
9
9
|
label: string;
|
|
10
|
-
type: 'text' | 'email' | 'password' | 'number' | 'textarea' | 'select' | 'autocomplete' | 'checkbox' | 'switch' | 'radio' | 'date' | 'date_picker' | 'date_range' | 'month' | 'month_range' | 'file' | 'object' | 'array';
|
|
10
|
+
type: 'text' | 'email' | 'password' | 'number' | 'textarea' | 'select' | 'autocomplete' | 'checkbox' | 'switch' | 'radio' | 'date' | 'date_picker' | 'date_range' | 'month' | 'month_range' | 'time' | 'time_range' | 'date_time' | 'date_time_range' | 'file' | 'object' | 'array';
|
|
11
11
|
placeholder?: string;
|
|
12
12
|
description?: string;
|
|
13
13
|
required?: boolean;
|
|
@@ -100,6 +100,10 @@ export interface FormBuilderFieldConfig {
|
|
|
100
100
|
showFooter?: boolean;
|
|
101
101
|
cancelLabel?: string;
|
|
102
102
|
applyLabel?: string;
|
|
103
|
+
timePrecision?: 'hour' | 'minute' | 'second';
|
|
104
|
+
hourCycle?: 12 | 24;
|
|
105
|
+
minuteStep?: number;
|
|
106
|
+
secondStep?: number;
|
|
103
107
|
}
|
|
104
108
|
export interface FormBuilderSectionConfig {
|
|
105
109
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilder.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilder.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormBuilderField.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"FormBuilderField.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAwB5D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,qBAAqB,2CAsU/F;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FieldRenderProps } from './types';
|
|
2
|
+
export declare function DateTimePickerField({ field, value, onChange, className }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default DateTimePickerField;
|
|
4
|
+
//# sourceMappingURL=DateTimePickerField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateTimePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA0B1F;AAED,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FieldRenderProps } from './types';
|
|
2
|
+
export declare function DateTimeRangePickerField({ field, value, onChange, className }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default DateTimeRangePickerField;
|
|
4
|
+
//# sourceMappingURL=DateTimeRangePickerField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimeRangePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAmC/F;AAED,eAAe,wBAAwB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/TimePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAuBtF;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FieldRenderProps } from './types';
|
|
2
|
+
export declare function TimeRangePickerField({ field, value, onChange, className }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TimeRangePickerField;
|
|
4
|
+
//# sourceMappingURL=TimeRangePickerField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeRangePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/TimeRangePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA8B3F;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -12,6 +12,10 @@ export * from './DatePickerField';
|
|
|
12
12
|
export * from './DateRangePickerField';
|
|
13
13
|
export * from './MonthPickerField';
|
|
14
14
|
export * from './MonthRangePickerField';
|
|
15
|
+
export * from './TimePickerField';
|
|
16
|
+
export * from './TimeRangePickerField';
|
|
17
|
+
export * from './DateTimePickerField';
|
|
18
|
+
export * from './DateTimeRangePickerField';
|
|
15
19
|
export * from './FileField';
|
|
16
20
|
export * from './ObjectField';
|
|
17
21
|
export * from './ArrayField';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Button } from '../../../shadcn/ui/button';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type TimePrecision = 'hour' | 'minute' | 'second';
|
|
4
|
+
export interface DateTimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
5
|
+
value?: Date | null;
|
|
6
|
+
onChange?: (date: Date | null) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
minDate?: Date;
|
|
10
|
+
maxDate?: Date;
|
|
11
|
+
disabledDates?: Array<Date | {
|
|
12
|
+
from: Date;
|
|
13
|
+
to: Date;
|
|
14
|
+
}>;
|
|
15
|
+
timePrecision?: TimePrecision;
|
|
16
|
+
hourCycle?: 12 | 24;
|
|
17
|
+
minuteStep?: number;
|
|
18
|
+
secondStep?: number;
|
|
19
|
+
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
20
|
+
open?: boolean;
|
|
21
|
+
onOpenChange?: (open: boolean) => void;
|
|
22
|
+
showFooter?: boolean;
|
|
23
|
+
cancelLabel?: string;
|
|
24
|
+
applyLabel?: string;
|
|
25
|
+
clearLabel?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function DateTimePicker({ value, onChange, placeholder, disabled, minDate, maxDate, disabledDates, timePrecision, hourCycle, minuteStep, secondStep, className, buttonVariant, ...props }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare namespace DateTimePicker {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export default DateTimePicker;
|
|
32
|
+
//# sourceMappingURL=DateTimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/datetimepicker/DateTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAWnD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjG,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IAEvD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAqJD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,aAAa,EACb,aAAwB,EACxB,SAAc,EACd,UAAc,EACd,UAAc,EACd,SAAS,EACT,aAAyB,EACzB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA2GrB;yBA1He,cAAc;;;AA8H9B,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Button } from '../../../shadcn/ui/button';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type TimePrecision = 'hour' | 'minute' | 'second';
|
|
4
|
+
export interface DateTimeRangeValue {
|
|
5
|
+
from?: Date | null;
|
|
6
|
+
to?: Date | null;
|
|
7
|
+
}
|
|
8
|
+
export interface DateTimeRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
9
|
+
value?: DateTimeRangeValue | null;
|
|
10
|
+
onChange?: (range: DateTimeRangeValue | null) => void;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
minDate?: Date;
|
|
14
|
+
maxDate?: Date;
|
|
15
|
+
disabledDates?: Array<Date | {
|
|
16
|
+
from: Date;
|
|
17
|
+
to: Date;
|
|
18
|
+
}>;
|
|
19
|
+
numberOfMonths?: number;
|
|
20
|
+
popoverSide?: 'top' | 'right' | 'bottom' | 'left';
|
|
21
|
+
timePrecision?: TimePrecision;
|
|
22
|
+
hourCycle?: 12 | 24;
|
|
23
|
+
minuteStep?: number;
|
|
24
|
+
secondStep?: number;
|
|
25
|
+
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
26
|
+
open?: boolean;
|
|
27
|
+
onOpenChange?: (open: boolean) => void;
|
|
28
|
+
showFooter?: boolean;
|
|
29
|
+
cancelLabel?: string;
|
|
30
|
+
applyLabel?: string;
|
|
31
|
+
clearLabel?: string;
|
|
32
|
+
contentClassName?: string;
|
|
33
|
+
}
|
|
34
|
+
export declare function DateTimeRangePicker({ value, onChange, placeholder, disabled, minDate, maxDate, disabledDates, numberOfMonths, popoverSide, timePrecision, hourCycle, minuteStep, secondStep, className, buttonVariant, contentClassName, ...props }: DateTimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare namespace DateTimeRangePicker {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export default DateTimeRangePicker;
|
|
39
|
+
//# sourceMappingURL=DateTimeRangePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/datetimepicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAWnD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtG,KAAK,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAElD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAoKD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAAwC,EACxC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,aAAa,EACb,cAAkB,EAClB,WAAW,EACX,aAAwB,EACxB,SAAc,EACd,UAAc,EACd,UAAc,EACd,SAAS,EACT,aAAyB,EACzB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,wBAAwB,2CA6P1B;yBA/Qe,mBAAmB;;;AAmRnC,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/datetimepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;;AAC3D,wBAAqB"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Button } from '../../../shadcn/ui/button';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type TimePrecision = 'hour' | 'minute' | 'second';
|
|
4
|
+
export interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
5
|
+
value?: Date | null;
|
|
6
|
+
onChange?: (date: Date | null) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
precision?: TimePrecision;
|
|
10
|
+
hourCycle?: 12 | 24;
|
|
11
|
+
minuteStep?: number;
|
|
12
|
+
secondStep?: number;
|
|
13
|
+
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
14
|
+
open?: boolean;
|
|
15
|
+
onOpenChange?: (open: boolean) => void;
|
|
16
|
+
showFooter?: boolean;
|
|
17
|
+
cancelLabel?: string;
|
|
18
|
+
applyLabel?: string;
|
|
19
|
+
clearLabel?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare function TimePicker({ value, onChange, placeholder, disabled, precision, hourCycle, minuteStep, secondStep, className, buttonVariant, ...props }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare namespace TimePicker {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
25
|
+
export default TimePicker;
|
|
26
|
+
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/timepicker/TimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAcnD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,QAAQ,EACR,SAAoB,EACpB,SAAc,EACd,UAAc,EACd,UAAc,EACd,SAAS,EACT,aAAyB,EACzB,GAAG,KAAK,EACT,EAAE,eAAe,2CA0PjB;yBAtQe,UAAU;;;AA0Q1B,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Button } from '../../../shadcn/ui/button';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export type TimePrecision = 'hour' | 'minute' | 'second';
|
|
4
|
+
export interface TimeRangePickerValue {
|
|
5
|
+
from?: Date | null;
|
|
6
|
+
to?: Date | null;
|
|
7
|
+
}
|
|
8
|
+
export interface TimeRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
9
|
+
value?: TimeRangePickerValue | null;
|
|
10
|
+
onChange?: (range: TimeRangePickerValue | null) => void;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
precision?: TimePrecision;
|
|
14
|
+
hourCycle?: 12 | 24;
|
|
15
|
+
minuteStep?: number;
|
|
16
|
+
secondStep?: number;
|
|
17
|
+
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
18
|
+
open?: boolean;
|
|
19
|
+
onOpenChange?: (open: boolean) => void;
|
|
20
|
+
showFooter?: boolean;
|
|
21
|
+
cancelLabel?: string;
|
|
22
|
+
applyLabel?: string;
|
|
23
|
+
clearLabel?: string;
|
|
24
|
+
format?: (from?: Date | null, to?: Date | null) => string;
|
|
25
|
+
}
|
|
26
|
+
export declare function TimeRangePicker({ value, onChange, placeholder, disabled, precision, hourCycle, minuteStep, secondStep, className, buttonVariant, format, ...props }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare namespace TimeRangePicker {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
export default TimeRangePicker;
|
|
31
|
+
//# sourceMappingURL=TimeRangePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/timepicker/TimeRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAUnD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClG,KAAK,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC;CAC3D;AAsID,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,WAAiC,EACjC,QAAQ,EACR,SAAoB,EACpB,SAAc,EACd,UAAc,EACd,UAAc,EACd,SAAS,EACT,aAAyB,EACzB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoGtB;yBAjHe,eAAe;;;AAqH/B,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/timepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;;AACnD,wBAAqB"}
|
|
@@ -756,6 +756,10 @@
|
|
|
756
756
|
margin-bottom: calc(var(--spacing) * 2);
|
|
757
757
|
}
|
|
758
758
|
|
|
759
|
+
.mb-3 {
|
|
760
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
761
|
+
}
|
|
762
|
+
|
|
759
763
|
.mb-4 {
|
|
760
764
|
margin-bottom: calc(var(--spacing) * 4);
|
|
761
765
|
}
|
|
@@ -1134,6 +1138,14 @@
|
|
|
1134
1138
|
width: calc(var(--spacing) * 12);
|
|
1135
1139
|
}
|
|
1136
1140
|
|
|
1141
|
+
.w-16 {
|
|
1142
|
+
width: calc(var(--spacing) * 16);
|
|
1143
|
+
}
|
|
1144
|
+
|
|
1145
|
+
.w-24 {
|
|
1146
|
+
width: calc(var(--spacing) * 24);
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1137
1149
|
.w-32 {
|
|
1138
1150
|
width: calc(var(--spacing) * 32);
|
|
1139
1151
|
}
|
|
@@ -1214,6 +1226,10 @@
|
|
|
1214
1226
|
width: 350px;
|
|
1215
1227
|
}
|
|
1216
1228
|
|
|
1229
|
+
.w-\[360px\] {
|
|
1230
|
+
width: 360px;
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1217
1233
|
.w-\[400px\] {
|
|
1218
1234
|
width: 400px;
|
|
1219
1235
|
}
|
|
@@ -759,6 +759,10 @@
|
|
|
759
759
|
margin-bottom: calc(var(--spacing) * 2);
|
|
760
760
|
}
|
|
761
761
|
|
|
762
|
+
.mb-3 {
|
|
763
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
764
|
+
}
|
|
765
|
+
|
|
762
766
|
.mb-4 {
|
|
763
767
|
margin-bottom: calc(var(--spacing) * 4);
|
|
764
768
|
}
|
|
@@ -1137,6 +1141,14 @@
|
|
|
1137
1141
|
width: calc(var(--spacing) * 12);
|
|
1138
1142
|
}
|
|
1139
1143
|
|
|
1144
|
+
.w-16 {
|
|
1145
|
+
width: calc(var(--spacing) * 16);
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1148
|
+
.w-24 {
|
|
1149
|
+
width: calc(var(--spacing) * 24);
|
|
1150
|
+
}
|
|
1151
|
+
|
|
1140
1152
|
.w-32 {
|
|
1141
1153
|
width: calc(var(--spacing) * 32);
|
|
1142
1154
|
}
|
|
@@ -1217,6 +1229,10 @@
|
|
|
1217
1229
|
width: 350px;
|
|
1218
1230
|
}
|
|
1219
1231
|
|
|
1232
|
+
.w-\[360px\] {
|
|
1233
|
+
width: 360px;
|
|
1234
|
+
}
|
|
1235
|
+
|
|
1220
1236
|
.w-\[400px\] {
|
|
1221
1237
|
width: 400px;
|
|
1222
1238
|
}
|
|
@@ -756,6 +756,10 @@
|
|
|
756
756
|
margin-bottom: calc(var(--spacing) * 2);
|
|
757
757
|
}
|
|
758
758
|
|
|
759
|
+
.mb-3 {
|
|
760
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
761
|
+
}
|
|
762
|
+
|
|
759
763
|
.mb-4 {
|
|
760
764
|
margin-bottom: calc(var(--spacing) * 4);
|
|
761
765
|
}
|
|
@@ -1134,6 +1138,14 @@
|
|
|
1134
1138
|
width: calc(var(--spacing) * 12);
|
|
1135
1139
|
}
|
|
1136
1140
|
|
|
1141
|
+
.w-16 {
|
|
1142
|
+
width: calc(var(--spacing) * 16);
|
|
1143
|
+
}
|
|
1144
|
+
|
|
1145
|
+
.w-24 {
|
|
1146
|
+
width: calc(var(--spacing) * 24);
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1137
1149
|
.w-32 {
|
|
1138
1150
|
width: calc(var(--spacing) * 32);
|
|
1139
1151
|
}
|
|
@@ -1214,6 +1226,10 @@
|
|
|
1214
1226
|
width: 350px;
|
|
1215
1227
|
}
|
|
1216
1228
|
|
|
1229
|
+
.w-\[360px\] {
|
|
1230
|
+
width: 360px;
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1217
1233
|
.w-\[400px\] {
|
|
1218
1234
|
width: 400px;
|
|
1219
1235
|
}
|
|
@@ -756,6 +756,10 @@
|
|
|
756
756
|
margin-bottom: calc(var(--spacing) * 2);
|
|
757
757
|
}
|
|
758
758
|
|
|
759
|
+
.mb-3 {
|
|
760
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
761
|
+
}
|
|
762
|
+
|
|
759
763
|
.mb-4 {
|
|
760
764
|
margin-bottom: calc(var(--spacing) * 4);
|
|
761
765
|
}
|
|
@@ -1134,6 +1138,14 @@
|
|
|
1134
1138
|
width: calc(var(--spacing) * 12);
|
|
1135
1139
|
}
|
|
1136
1140
|
|
|
1141
|
+
.w-16 {
|
|
1142
|
+
width: calc(var(--spacing) * 16);
|
|
1143
|
+
}
|
|
1144
|
+
|
|
1145
|
+
.w-24 {
|
|
1146
|
+
width: calc(var(--spacing) * 24);
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1137
1149
|
.w-32 {
|
|
1138
1150
|
width: calc(var(--spacing) * 32);
|
|
1139
1151
|
}
|
|
@@ -1214,6 +1226,10 @@
|
|
|
1214
1226
|
width: 350px;
|
|
1215
1227
|
}
|
|
1216
1228
|
|
|
1229
|
+
.w-\[360px\] {
|
|
1230
|
+
width: 360px;
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1217
1233
|
.w-\[400px\] {
|
|
1218
1234
|
width: 400px;
|
|
1219
1235
|
}
|
package/package.json
CHANGED
|
@@ -38,6 +38,10 @@ export interface FormBuilderFieldConfig {
|
|
|
38
38
|
| 'date_range' // UI DateRangePicker
|
|
39
39
|
| 'month' // UI MonthPicker (single month Date)
|
|
40
40
|
| 'month_range' // UI MonthRangePicker { start: Date, end: Date }
|
|
41
|
+
| 'time' // UI TimePicker (Date with time part)
|
|
42
|
+
| 'time_range' // UI TimeRangePicker { from: Date, to: Date }
|
|
43
|
+
| 'date_time' // UI DateTimePicker (Date with date+time)
|
|
44
|
+
| 'date_time_range' // UI DateTimeRangePicker { from: Date, to: Date }
|
|
41
45
|
| 'file'
|
|
42
46
|
| 'object'
|
|
43
47
|
| 'array';
|
|
@@ -127,6 +131,11 @@ export interface FormBuilderFieldConfig {
|
|
|
127
131
|
showFooter?: boolean;
|
|
128
132
|
cancelLabel?: string;
|
|
129
133
|
applyLabel?: string;
|
|
134
|
+
// Time picker specific
|
|
135
|
+
timePrecision?: 'hour' | 'minute' | 'second';
|
|
136
|
+
hourCycle?: 12 | 24;
|
|
137
|
+
minuteStep?: number;
|
|
138
|
+
secondStep?: number;
|
|
130
139
|
}
|
|
131
140
|
|
|
132
141
|
export interface FormBuilderSectionConfig {
|
|
@@ -230,9 +239,13 @@ export function FormBuilder({
|
|
|
230
239
|
case 'date_picker':
|
|
231
240
|
case 'month':
|
|
232
241
|
case 'date':
|
|
242
|
+
case 'time':
|
|
243
|
+
case 'date_time':
|
|
233
244
|
baseSchema = z.date();
|
|
234
245
|
break;
|
|
235
246
|
case 'date_range':
|
|
247
|
+
case 'time_range':
|
|
248
|
+
case 'date_time_range':
|
|
236
249
|
baseSchema = z
|
|
237
250
|
.object({ from: z.date().optional().nullable(), to: z.date().optional().nullable() })
|
|
238
251
|
.nullable();
|
|
@@ -307,9 +320,13 @@ export function FormBuilder({
|
|
|
307
320
|
case 'date_picker':
|
|
308
321
|
case 'month':
|
|
309
322
|
case 'date':
|
|
323
|
+
case 'time':
|
|
324
|
+
case 'date_time':
|
|
310
325
|
fieldSchema = z.date();
|
|
311
326
|
break;
|
|
312
327
|
case 'date_range':
|
|
328
|
+
case 'time_range':
|
|
329
|
+
case 'date_time_range':
|
|
313
330
|
fieldSchema = z
|
|
314
331
|
.object({ from: z.date().optional().nullable(), to: z.date().optional().nullable() })
|
|
315
332
|
.nullable();
|
|
@@ -18,6 +18,10 @@ import {
|
|
|
18
18
|
DateRangePickerField,
|
|
19
19
|
MonthPickerField,
|
|
20
20
|
MonthRangePickerField,
|
|
21
|
+
TimePickerField,
|
|
22
|
+
TimeRangePickerField,
|
|
23
|
+
DateTimePickerField,
|
|
24
|
+
DateTimeRangePickerField,
|
|
21
25
|
FileField,
|
|
22
26
|
ObjectField,
|
|
23
27
|
ArrayField,
|
|
@@ -199,6 +203,50 @@ export function FormBuilderField({ field, control, onChange, parentPath }: FormB
|
|
|
199
203
|
className={baseClassName}
|
|
200
204
|
/>
|
|
201
205
|
);
|
|
206
|
+
case 'time':
|
|
207
|
+
return (
|
|
208
|
+
<TimePickerField
|
|
209
|
+
field={field}
|
|
210
|
+
control={control}
|
|
211
|
+
fieldPath={fieldPath}
|
|
212
|
+
value={controllerField.value}
|
|
213
|
+
onChange={handleChange}
|
|
214
|
+
className={baseClassName}
|
|
215
|
+
/>
|
|
216
|
+
);
|
|
217
|
+
case 'time_range':
|
|
218
|
+
return (
|
|
219
|
+
<TimeRangePickerField
|
|
220
|
+
field={field}
|
|
221
|
+
control={control}
|
|
222
|
+
fieldPath={fieldPath}
|
|
223
|
+
value={controllerField.value}
|
|
224
|
+
onChange={handleChange}
|
|
225
|
+
className={baseClassName}
|
|
226
|
+
/>
|
|
227
|
+
);
|
|
228
|
+
case 'date_time':
|
|
229
|
+
return (
|
|
230
|
+
<DateTimePickerField
|
|
231
|
+
field={field}
|
|
232
|
+
control={control}
|
|
233
|
+
fieldPath={fieldPath}
|
|
234
|
+
value={controllerField.value}
|
|
235
|
+
onChange={handleChange}
|
|
236
|
+
className={baseClassName}
|
|
237
|
+
/>
|
|
238
|
+
);
|
|
239
|
+
case 'date_time_range':
|
|
240
|
+
return (
|
|
241
|
+
<DateTimeRangePickerField
|
|
242
|
+
field={field}
|
|
243
|
+
control={control}
|
|
244
|
+
fieldPath={fieldPath}
|
|
245
|
+
value={controllerField.value}
|
|
246
|
+
onChange={handleChange}
|
|
247
|
+
className={baseClassName}
|
|
248
|
+
/>
|
|
249
|
+
);
|
|
202
250
|
case 'file':
|
|
203
251
|
return (
|
|
204
252
|
<FileField
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import type { FieldRenderProps } from './types'
|
|
3
|
+
import { DateTimePicker } from '../../../../components/datetimepicker/DateTimePicker'
|
|
4
|
+
|
|
5
|
+
export function DateTimePickerField({ field, value, onChange, className }: FieldRenderProps) {
|
|
6
|
+
const v = React.useMemo(() => {
|
|
7
|
+
if (!value) return null
|
|
8
|
+
if (value instanceof Date) return value
|
|
9
|
+
const d = new Date(value as string)
|
|
10
|
+
return Number.isNaN(d.getTime()) ? null : d
|
|
11
|
+
}, [value])
|
|
12
|
+
|
|
13
|
+
return (
|
|
14
|
+
<DateTimePicker
|
|
15
|
+
className={className}
|
|
16
|
+
value={v}
|
|
17
|
+
onChange={(d: Date | null) => onChange(d)}
|
|
18
|
+
placeholder={field.placeholder}
|
|
19
|
+
minDate={field.minDate}
|
|
20
|
+
maxDate={field.maxDate}
|
|
21
|
+
disabledDates={field.disabledDates}
|
|
22
|
+
timePrecision={field.timePrecision ?? 'minute'}
|
|
23
|
+
hourCycle={field.hourCycle ?? 24}
|
|
24
|
+
minuteStep={field.minuteStep ?? 5}
|
|
25
|
+
secondStep={field.secondStep ?? 5}
|
|
26
|
+
showFooter={field.showFooter}
|
|
27
|
+
cancelLabel={field.cancelLabel}
|
|
28
|
+
applyLabel={field.applyLabel}
|
|
29
|
+
/>
|
|
30
|
+
)
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export default DateTimePickerField
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from 'react'
|
|
2
|
+
import type { FieldRenderProps } from './types'
|
|
3
|
+
import { DateTimeRangePicker } from '../../../../components/datetimepicker/DateTimeRangePicker'
|
|
4
|
+
|
|
5
|
+
export function DateTimeRangePickerField({ field, value, onChange, className }: FieldRenderProps) {
|
|
6
|
+
const v = React.useMemo(() => {
|
|
7
|
+
if (!value || typeof value !== 'object') return null as { from?: Date | null; to?: Date | null } | null
|
|
8
|
+
const anyVal = value as { from?: unknown; to?: unknown }
|
|
9
|
+
const toDate = (x: unknown) => {
|
|
10
|
+
if (!x) return undefined
|
|
11
|
+
if (x instanceof Date) return x
|
|
12
|
+
const d = new Date(x as string)
|
|
13
|
+
return Number.isNaN(d.getTime()) ? undefined : d
|
|
14
|
+
}
|
|
15
|
+
const from = toDate(anyVal.from) ?? null
|
|
16
|
+
const to = toDate(anyVal.to) ?? null
|
|
17
|
+
return { from, to }
|
|
18
|
+
}, [value])
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<DateTimeRangePicker
|
|
22
|
+
className={className}
|
|
23
|
+
value={v}
|
|
24
|
+
onChange={(range) => onChange(range)}
|
|
25
|
+
placeholder={field.placeholder}
|
|
26
|
+
minDate={field.minDate}
|
|
27
|
+
maxDate={field.maxDate}
|
|
28
|
+
disabledDates={field.disabledDates}
|
|
29
|
+
numberOfMonths={field.numberOfMonths ?? 2}
|
|
30
|
+
popoverSide={field.popoverSide}
|
|
31
|
+
timePrecision={field.timePrecision ?? 'minute'}
|
|
32
|
+
hourCycle={field.hourCycle ?? 24}
|
|
33
|
+
minuteStep={field.minuteStep ?? 5}
|
|
34
|
+
secondStep={field.secondStep ?? 5}
|
|
35
|
+
showFooter={field.showFooter}
|
|
36
|
+
cancelLabel={field.cancelLabel}
|
|
37
|
+
applyLabel={field.applyLabel}
|
|
38
|
+
/>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export default DateTimeRangePickerField
|