@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.
Files changed (50) hide show
  1. package/dist/index.js +1303 -75
  2. package/dist/kit/builder/form/components/FormBuilder.d.ts +5 -1
  3. package/dist/kit/builder/form/components/FormBuilder.d.ts.map +1 -1
  4. package/dist/kit/builder/form/components/FormBuilderField.d.ts.map +1 -1
  5. package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts +4 -0
  6. package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts.map +1 -0
  7. package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts +4 -0
  8. package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts.map +1 -0
  9. package/dist/kit/builder/form/components/fields/TimePickerField.d.ts +4 -0
  10. package/dist/kit/builder/form/components/fields/TimePickerField.d.ts.map +1 -0
  11. package/dist/kit/builder/form/components/fields/TimeRangePickerField.d.ts +4 -0
  12. package/dist/kit/builder/form/components/fields/TimeRangePickerField.d.ts.map +1 -0
  13. package/dist/kit/builder/form/components/fields/index.d.ts +4 -0
  14. package/dist/kit/builder/form/components/fields/index.d.ts.map +1 -1
  15. package/dist/kit/components/datetimepicker/DateTimePicker.d.ts +32 -0
  16. package/dist/kit/components/datetimepicker/DateTimePicker.d.ts.map +1 -0
  17. package/dist/kit/components/datetimepicker/DateTimeRangePicker.d.ts +39 -0
  18. package/dist/kit/components/datetimepicker/DateTimeRangePicker.d.ts.map +1 -0
  19. package/dist/kit/components/datetimepicker/index.d.ts +5 -0
  20. package/dist/kit/components/datetimepicker/index.d.ts.map +1 -0
  21. package/dist/kit/components/timepicker/TimePicker.d.ts +26 -0
  22. package/dist/kit/components/timepicker/TimePicker.d.ts.map +1 -0
  23. package/dist/kit/components/timepicker/TimeRangePicker.d.ts +31 -0
  24. package/dist/kit/components/timepicker/TimeRangePicker.d.ts.map +1 -0
  25. package/dist/kit/components/timepicker/index.d.ts +5 -0
  26. package/dist/kit/components/timepicker/index.d.ts.map +1 -0
  27. package/dist/kit/themes/clean-slate.css +16 -0
  28. package/dist/kit/themes/default.css +16 -0
  29. package/dist/kit/themes/minimal-modern.css +16 -0
  30. package/dist/kit/themes/spotify.css +16 -0
  31. package/package.json +1 -1
  32. package/src/kit/builder/form/components/FormBuilder.tsx +17 -0
  33. package/src/kit/builder/form/components/FormBuilderField.tsx +48 -0
  34. package/src/kit/builder/form/components/fields/DateTimePickerField.tsx +33 -0
  35. package/src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx +42 -0
  36. package/src/kit/builder/form/components/fields/TimePickerField.tsx +30 -0
  37. package/src/kit/builder/form/components/fields/TimeRangePickerField.tsx +37 -0
  38. package/src/kit/builder/form/components/fields/index.ts +4 -0
  39. package/src/kit/components/datetimepicker/DateTimePicker.tsx +314 -0
  40. package/src/kit/components/datetimepicker/DateTimeRangePicker.tsx +486 -0
  41. package/src/kit/components/datetimepicker/index.ts +3 -0
  42. package/src/kit/components/monthpicker/MonthPicker.tsx +2 -2
  43. package/src/kit/components/monthpicker/MonthRangePicker.tsx +2 -2
  44. package/src/kit/components/timepicker/TimePicker.tsx +311 -0
  45. package/src/kit/components/timepicker/TimeRangePicker.tsx +291 -0
  46. package/src/kit/components/timepicker/index.ts +3 -0
  47. package/src/stories/kit/builder/Form.DateTime.stories.tsx +66 -0
  48. package/src/stories/kit/builder/Form.Time.stories.tsx +64 -0
  49. package/src/stories/kit/components/TimePicker.stories.tsx +69 -0
  50. 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;AAoB5D,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,2CA0R/F;AAED,eAAe,gBAAgB,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,4 @@
1
+ import { FieldRenderProps } from './types';
2
+ export declare function TimePickerField({ field, value, onChange, className }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
3
+ export default TimePickerField;
4
+ //# sourceMappingURL=TimePickerField.d.ts.map
@@ -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,5 @@
1
+ export { DateTimePicker } from './DateTimePicker';
2
+ export { DateTimeRangePicker } from './DateTimeRangePicker';
3
+ declare const _default: undefined;
4
+ export default _default;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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,5 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { TimeRangePicker } from './TimeRangePicker';
3
+ declare const _default: undefined;
4
+ export default _default;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@k3-universe/react-kit",
3
- "version": "0.0.10",
3
+ "version": "0.0.12",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -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