@cwellt_software/cwellt-reactjs-lib 1.6.0 → 1.6.2

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 (77) hide show
  1. package/dist/content/icons/IconLibrary.stories.tsx +18 -18
  2. package/dist/index.cjs.js +301 -196
  3. package/dist/index.css +2 -2
  4. package/dist/index.d.ts +78 -35
  5. package/dist/index.es.js +301 -196
  6. package/dist/src/common/functions/colorManipulation.d.ts.map +1 -1
  7. package/dist/src/common/interfaces/CwDataAttributes.d.ts +5 -0
  8. package/dist/src/common/interfaces/CwDataAttributes.d.ts.map +1 -0
  9. package/dist/src/components/control/action/button/CwButtonSwitch.d.ts +3 -3
  10. package/dist/src/components/control/action/button/CwButtonSwitch.d.ts.map +1 -1
  11. package/dist/src/components/control/action/search/CwSearchAsync.d.ts +7 -1
  12. package/dist/src/components/control/action/search/CwSearchAsync.d.ts.map +1 -1
  13. package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts +28 -0
  14. package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts.map +1 -1
  15. package/dist/src/components/control/choice/tree-view/CwTreeView.d.ts +4 -4
  16. package/dist/src/components/control/choice/tree-view/CwTreeView.d.ts.map +1 -1
  17. package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts +5 -7
  18. package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts.map +1 -1
  19. package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts +3 -2
  20. package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts.map +1 -1
  21. package/dist/src/components/control/input/new-dates/CwDatePicker.stories.d.ts +5 -1
  22. package/dist/src/components/control/input/new-dates/CwDatePicker.stories.d.ts.map +1 -1
  23. package/dist/src/components/control/input/new-dates/CwDatePickerTemporal.d.ts +3 -2
  24. package/dist/src/components/control/input/new-dates/CwDatePickerTemporal.d.ts.map +1 -1
  25. package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts +8 -2
  26. package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts.map +1 -1
  27. package/dist/src/components/control/input/new-dates/CwDateRangePicker.stories.d.ts +10 -12
  28. package/dist/src/components/control/input/new-dates/CwDateRangePicker.stories.d.ts.map +1 -1
  29. package/dist/src/components/control/input/new-dates/CwDateRangePickerTemporal.d.ts +8 -2
  30. package/dist/src/components/control/input/new-dates/CwDateRangePickerTemporal.d.ts.map +1 -1
  31. package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts +8 -2
  32. package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts.map +1 -1
  33. package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts +12 -12
  34. package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts.map +1 -1
  35. package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts +8 -2
  36. package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts.map +1 -1
  37. package/dist/src/components/control/input/new-dates/CwDateTimePickerTemporal.d.ts +8 -2
  38. package/dist/src/components/control/input/new-dates/CwDateTimePickerTemporal.d.ts.map +1 -1
  39. package/dist/src/components/control/input/new-dates/CwTimePicker.d.ts +8 -2
  40. package/dist/src/components/control/input/new-dates/CwTimePicker.d.ts.map +1 -1
  41. package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts +15 -13
  42. package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts.map +1 -1
  43. package/dist/src/components/control/input/new-dates/datePickerHelpers.d.ts +10 -0
  44. package/dist/src/components/control/input/new-dates/datePickerHelpers.d.ts.map +1 -1
  45. package/dist/src/components/control/input/weekday/CwWeekdaySelector.d.ts +2 -1
  46. package/dist/src/components/control/input/weekday/CwWeekdaySelector.d.ts.map +1 -1
  47. package/dist/src/components/control/input/weekday/CwWeekdaySelector.stories.d.ts +3 -0
  48. package/dist/src/components/control/input/weekday/CwWeekdaySelector.stories.d.ts.map +1 -1
  49. package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts +2 -1
  50. package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map +1 -1
  51. package/dist/src/components/custom/scheduler-new/presentation/Scheduler.stories.d.ts +5 -1
  52. package/dist/src/components/custom/scheduler-new/presentation/Scheduler.stories.d.ts.map +1 -1
  53. package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts.map +1 -1
  54. package/dist/src/components/custom/scheduler-new/presentation/components/timeline/DivisionLine.d.ts.map +1 -1
  55. package/dist/src/components/custom/scheduler-new/presentation/components/timeline/TimeLine.d.ts.map +1 -1
  56. package/dist/src/components/custom/scheduler-new/presentation/components/timeline/WeekEndLine.d.ts.map +1 -1
  57. package/dist/src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.d.ts +1 -1
  58. package/dist/src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.d.ts.map +1 -1
  59. package/dist/src/components/display/data/table/CwTable.stories.d.ts +2 -0
  60. package/dist/src/components/display/data/table/CwTable.stories.d.ts.map +1 -1
  61. package/dist/src/components/display/graphics/progress/CwProgress.d.ts +13 -8
  62. package/dist/src/components/display/graphics/progress/CwProgress.d.ts.map +1 -1
  63. package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts +21 -5
  64. package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts.map +1 -1
  65. package/dist/src/components/display/text/badge/CwBadge.d.ts +9 -1
  66. package/dist/src/components/display/text/badge/CwBadge.d.ts.map +1 -1
  67. package/dist/src/components/display/text/badge/CwBadge.stories.d.ts +5 -0
  68. package/dist/src/components/display/text/badge/CwBadge.stories.d.ts.map +1 -1
  69. package/dist/src/index.d.ts +2 -1
  70. package/dist/src/index.d.ts.map +1 -1
  71. package/dist/src/storybook/pickerStoryArgs.d.ts +2 -18
  72. package/dist/src/storybook/pickerStoryArgs.d.ts.map +1 -1
  73. package/dist/test/common/functions/colorManipulation.test.d.ts +2 -0
  74. package/dist/test/common/functions/colorManipulation.test.d.ts.map +1 -0
  75. package/dist/test/components/custom/new-scheduler/presentation/logic/separateEventsToInnerRows.test.d.ts +2 -0
  76. package/dist/test/components/custom/new-scheduler/presentation/logic/separateEventsToInnerRows.test.d.ts.map +1 -0
  77. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -47,6 +47,11 @@ interface CwGroupLayoutProps {
47
47
  itemLayout?: CwLayoutProps;
48
48
  }
49
49
 
50
+ /** Any `data-*` attribute (`data-testid`, `data-tour`, ...), forwarded to a component's root element. */
51
+ type CwDataAttributes = {
52
+ [key: `data-${string}`]: string | number | boolean | undefined;
53
+ };
54
+
50
55
  declare function CwHeadingMain(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): React__default.JSX.Element;
51
56
 
52
57
  declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): React__default.JSX.Element;
@@ -119,7 +124,7 @@ declare const CwChip: React__default.FC<CwChipProps>;
119
124
  type BadgeColorScheme = 'primary' | 'danger' | 'warning' | 'success' | 'info' | 'neutral';
120
125
  type BadgeVariant = 'soft' | 'solid';
121
126
  type BadgeSize = 'small' | 'medium' | 'large';
122
- interface CwBadgeProps {
127
+ interface CwBadgeProps extends CwDataAttributes {
123
128
  /** Number shown inside the badge. Omit (with no `content`) to render a dot */
124
129
  count?: number;
125
130
  /** Text shown instead of a count, e.g. `"!"`. Wins over `count` */
@@ -154,6 +159,13 @@ interface CwBadgeProps {
154
159
  * Precedence: `loading` > `content` > `count` > dot. While loading the badge renders regardless
155
160
  * of `showZero`, and the spinner replaces it - circle, background and padding come off.
156
161
  *
162
+ * Overlaid on a `CwButton` (its `badge` prop), the corner offset is a public custom-property API,
163
+ * settable on the button, an ancestor, or the badge's own `style`:
164
+ * - `--badge-offset-x` - distance from the button's right edge (`right`). Default
165
+ * `calc(var(--cw-spacing-small) * -1)`.
166
+ * - `--badge-offset-y` - distance from the button's top edge (`top`). Default
167
+ * `calc(var(--cw-spacing-tiny) * -1)`, `-0.125rem` on a large icon button.
168
+ *
157
169
  * @example
158
170
  * <CwBadge count={3} color="danger" />
159
171
  * <CwBadge count={0} showZero={false} />
@@ -422,29 +434,33 @@ interface CwSkeletonProps {
422
434
  */
423
435
  declare function CwSkeleton({ variant, width, height, count, radius, gap }: CwSkeletonProps): React__default.JSX.Element;
424
436
 
425
- type ProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
437
+ type CwProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
426
438
  type ProgressSize = 'small' | 'regular' | 'large';
427
- interface CwProgressProps {
439
+ interface CwProgressProps extends CwDataAttributes {
428
440
  /** Progress percentage, 0-100 (clamped). Ignored when indeterminate. */
429
441
  value?: number;
430
442
  /** Sweeping animation for unmeasurable progress. Respects prefers-reduced-motion (static partial fill). */
431
443
  indeterminate?: boolean;
432
444
  /** Label beside (row layout) or above (column layout) the bar. */
433
445
  label?: string;
434
- /** Right-side value label. Defaults to the rounded percent when value is set and not indeterminate. */
435
- rightLabel?: string;
436
- /** Bar size. Default 'regular'. */
446
+ /** Right-side value label, text or markup. Defaults to the rounded percent when value is set and not indeterminate. */
447
+ rightLabel?: React__default.ReactNode;
448
+ /** Small caption below the bar, under the track in both layouts. */
449
+ footer?: React__default.ReactNode;
450
+ /** Bar size; 'small' also shrinks the label and value text. Default 'regular'. */
437
451
  size?: ProgressSize;
438
452
  /** Label placement relative to the bar. Default 'row'. */
439
453
  layout?: 'row' | 'column';
440
- /** Semantic color. Default 'primary'. */
441
- color?: ProgressColor;
454
+ /** Semantic color; 'neutral' is an inert grey for "no data yet". Default 'primary'. */
455
+ color?: CwProgressColor;
442
456
  /** Tabular figures for the value label so digits do not jump while counting. */
443
457
  monoValue?: boolean;
444
458
  /** Larger, bolder value label. */
445
459
  prominent?: boolean;
446
460
  /** Extra classes on the outermost element, e.g. a layout utility like `cw-flex-grow`. */
447
461
  className?: string;
462
+ /** Inline styles on the outermost element, e.g. `{ "--progress-color": ... }` for a one-off color. */
463
+ style?: React__default.CSSProperties;
448
464
  }
449
465
  /**
450
466
  * CwProgress - a determinate or indeterminate progress bar.
@@ -456,7 +472,7 @@ interface CwProgressProps {
456
472
  * <CwProgress value={62} label="Import" color="success" />
457
473
  * <CwProgress indeterminate label="Uploading" />
458
474
  */
459
- declare function CwProgress({ value, indeterminate, label, rightLabel, size, layout, color, monoValue, prominent, className }: CwProgressProps): React__default.JSX.Element;
475
+ declare function CwProgress({ value, indeterminate, label, rightLabel, footer, size, layout, color, monoValue, prominent, className, style, ...dataAttributes }: CwProgressProps): React__default.JSX.Element;
460
476
 
461
477
  type TooltipPosition = "top" | "bottom" | "left" | "right";
462
478
  interface CwGenericTooltipProps {
@@ -2022,7 +2038,7 @@ interface CwImageAreaMethods {
2022
2038
  */
2023
2039
  declare const CwImageArea: React__default.ForwardRefExoticComponent<CwImageAreaProps & React__default.RefAttributes<CwImageAreaMethods>>;
2024
2040
 
2025
- interface CwWeekdaySelectorProps {
2041
+ interface CwWeekdaySelectorProps extends CwDataAttributes {
2026
2042
  value?: string;
2027
2043
  onChange?: (value: string) => void;
2028
2044
  disabled?: boolean;
@@ -2722,13 +2738,13 @@ type CwTreeNode<T> = {
2722
2738
  data: T;
2723
2739
  children?: CwTreeNode<T>[];
2724
2740
  };
2725
- type TreeViewProps<T> = {
2741
+ interface TreeViewProps<T> extends CwDataAttributes {
2726
2742
  data: CwTreeNode<T>[];
2727
2743
  onSelect: (node: CwTreeNode<T>) => void;
2728
2744
  allowParentSelection?: boolean;
2729
2745
  selectedId?: string | number | null;
2730
- };
2731
- declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: TreeViewProps<T>): React$1.JSX.Element;
2746
+ }
2747
+ declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedId: initialSelectedId, ...dataAttributes }: TreeViewProps<T>): React$1.JSX.Element;
2732
2748
 
2733
2749
  interface CwNavItem {
2734
2750
  /** Stable id, also the React key */
@@ -2886,7 +2902,7 @@ interface CwSearchAsyncOption {
2886
2902
  data?: unknown;
2887
2903
  }
2888
2904
  /** Props for {@link CwSearchAsync}. */
2889
- interface CwSearchAsyncProps {
2905
+ interface CwSearchAsyncProps extends CwDataAttributes {
2890
2906
  /**
2891
2907
  * Runs on each debounced keystroke once `text.length >= minChars`. Receives an
2892
2908
  * `AbortSignal` — forward it to `fetch` so the engine can cancel superseded requests.
@@ -2938,6 +2954,10 @@ interface CwSearchAsyncProps {
2938
2954
  /** Fixed CSS width for the input wrapper, e.g. `"400px"`. */
2939
2955
  width?: string;
2940
2956
  className?: string;
2957
+ /** Feedback messages shown below the input; accepts a single message or an array for multiple
2958
+ * @example feedback={{ type: "danger", message: "Select a city from the list" }}
2959
+ */
2960
+ feedback?: CwInputFeedback | CwInputFeedback[];
2941
2961
  }
2942
2962
  /**
2943
2963
  * Generic API-backed search input. Fetches matching options from a caller-supplied `onSearch`
@@ -3111,7 +3131,7 @@ interface CwButtonSwitchOption {
3111
3131
  /** Disables this specific segment */
3112
3132
  disabled?: boolean;
3113
3133
  }
3114
- interface CwButtonSwitchProps {
3134
+ interface CwButtonSwitchProps extends CwDataAttributes {
3115
3135
  /** Options rendered as joined segments */
3116
3136
  options: CwButtonSwitchOption[];
3117
3137
  /** Currently selected value */
@@ -3136,7 +3156,6 @@ interface CwButtonSwitchProps {
3136
3156
  "aria-label"?: string;
3137
3157
  /** Accessible name for the radiogroup (there is no visible label on this inline control). */
3138
3158
  "aria-labelledby"?: string;
3139
- "data-testid"?: string;
3140
3159
  }
3141
3160
  /**
3142
3161
  * CwButtonSwitch - Segmented single-select control: a strip of joined CwButtons.
@@ -3164,7 +3183,7 @@ interface CwButtonSwitchProps {
3164
3183
  * onChange={setView}
3165
3184
  * />
3166
3185
  */
3167
- declare function CwButtonSwitch({ options, value, onChange, size, color, iconOnly, direction, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-testid": dataTestId, }: CwButtonSwitchProps): React$1.JSX.Element;
3186
+ declare function CwButtonSwitch({ options, value, onChange, size, color, iconOnly, direction, disabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...dataAttributes }: CwButtonSwitchProps): React$1.JSX.Element;
3168
3187
 
3169
3188
  /**
3170
3189
  * Props for legacy icon button wrappers
@@ -3207,7 +3226,7 @@ declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled, onClick, disable
3207
3226
  declare function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): React$1.JSX.Element;
3208
3227
 
3209
3228
  type DateMatcher$4 = Matcher;
3210
- interface CwDatePickerProps {
3229
+ interface CwDatePickerProps extends CwDataAttributes {
3211
3230
  /** Current selected date */
3212
3231
  value?: Date;
3213
3232
  /** Callback when date changes */
@@ -3258,7 +3277,7 @@ interface CwDatePickerProps {
3258
3277
  */
3259
3278
  feedback?: CwInputFeedback | CwInputFeedback[];
3260
3279
  }
3261
- declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerProps>): React__default.JSX.Element;
3280
+ declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, ...dataAttributes }: Readonly<CwDatePickerProps>): React__default.JSX.Element;
3262
3281
 
3263
3282
  interface DateRangePreset {
3264
3283
  key: string;
@@ -3274,7 +3293,7 @@ interface DateRangeValue {
3274
3293
  from: Date | undefined;
3275
3294
  to: Date | undefined;
3276
3295
  }
3277
- interface CwDateRangePickerProps {
3296
+ interface CwDateRangePickerProps extends CwDataAttributes {
3278
3297
  /** Current selected date range */
3279
3298
  value?: DateRangeValue;
3280
3299
  /** Callback when date range changes */
@@ -3327,10 +3346,14 @@ interface CwDateRangePickerProps {
3327
3346
  * Custom presets to add alongside library presets
3328
3347
  */
3329
3348
  customPresets?: DateRangePreset[];
3349
+ /** Feedback messages shown below the inputs; accepts a single message or an array for multiple
3350
+ * @example feedback={{ type: "danger", message: "This field is required" }}
3351
+ */
3352
+ feedback?: CwInputFeedback | CwInputFeedback[];
3330
3353
  }
3331
- declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerProps>): React$1.JSX.Element;
3354
+ declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, feedback, ...dataAttributes }: Readonly<CwDateRangePickerProps>): React$1.JSX.Element;
3332
3355
 
3333
- interface CwDateTimePickerProps {
3356
+ interface CwDateTimePickerProps extends CwDataAttributes {
3334
3357
  /** Current selected datetime */
3335
3358
  value?: Date;
3336
3359
  /** Callback when datetime changes */
@@ -3377,11 +3400,15 @@ interface CwDateTimePickerProps {
3377
3400
  locale?: DayPickerLocale;
3378
3401
  /** Numeric timezone offset in hours (e.g., 1, 5.5, -3) */
3379
3402
  timezoneOffset?: number;
3403
+ /** Feedback messages shown below the inputs; accepts a single message or an array for multiple
3404
+ * @example feedback={{ type: "danger", message: "This field is required" }}
3405
+ */
3406
+ feedback?: CwInputFeedback | CwInputFeedback[];
3380
3407
  }
3381
- declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, timezoneOffset, }: Readonly<CwDateTimePickerProps>): React$1.JSX.Element;
3408
+ declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, timezoneOffset, feedback, ...dataAttributes }: Readonly<CwDateTimePickerProps>): React$1.JSX.Element;
3382
3409
 
3383
3410
  type DateMatcher$2 = Matcher;
3384
- interface CwDateTimePickerCompactProps {
3411
+ interface CwDateTimePickerCompactProps extends CwDataAttributes {
3385
3412
  /** Current selected datetime */
3386
3413
  value?: Date;
3387
3414
  /** Callback when datetime changes */
@@ -3432,10 +3459,14 @@ interface CwDateTimePickerCompactProps {
3432
3459
  yearRangeStart?: number;
3433
3460
  /** Last year shown in the year dropdown. Defaults to `maxDateTime`'s year, or 5 years after today when not set. */
3434
3461
  yearRangeEnd?: number;
3462
+ /** Feedback messages shown below the input; accepts a single message or an array for multiple
3463
+ * @example feedback={{ type: "danger", message: "This field is required" }}
3464
+ */
3465
+ feedback?: CwInputFeedback | CwInputFeedback[];
3435
3466
  }
3436
- declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, }: Readonly<CwDateTimePickerCompactProps>): React__default.JSX.Element;
3467
+ declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, feedback, ...dataAttributes }: Readonly<CwDateTimePickerCompactProps>): React__default.JSX.Element;
3437
3468
 
3438
- interface CwTimePickerProps {
3469
+ interface CwTimePickerProps extends CwDataAttributes {
3439
3470
  /** Current selected time in format "HH:mm" (24h format) */
3440
3471
  value?: string;
3441
3472
  /** Callback when time changes - returns format "HH:mm" */
@@ -3468,11 +3499,15 @@ interface CwTimePickerProps {
3468
3499
  * @default false on desktop, true on mobile
3469
3500
  */
3470
3501
  useNative?: boolean;
3502
+ /** Feedback messages shown below the input; accepts a single message or an array for multiple
3503
+ * @example feedback={{ type: "danger", message: "This field is required" }}
3504
+ */
3505
+ feedback?: CwInputFeedback | CwInputFeedback[];
3471
3506
  }
3472
- declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): React__default.JSX.Element;
3507
+ declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, feedback, ...dataAttributes }: CwTimePickerProps): React__default.JSX.Element;
3473
3508
 
3474
3509
  type DateMatcher$1 = Matcher;
3475
- interface CwDatePickerTemporalProps {
3510
+ interface CwDatePickerTemporalProps extends CwDataAttributes {
3476
3511
  /** Current selected date */
3477
3512
  value?: Temporal.PlainDate;
3478
3513
  /** Callback when date changes */
@@ -3520,9 +3555,9 @@ interface CwDatePickerTemporalProps {
3520
3555
  /** Feedback messages shown below the input */
3521
3556
  feedback?: CwInputFeedback | CwInputFeedback[];
3522
3557
  }
3523
- declare function CwDatePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, }: Readonly<CwDatePickerTemporalProps>): React__default.JSX.Element;
3558
+ declare function CwDatePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, locale, todayLabel, yearRangeStart, yearRangeEnd, feedback, ...dataAttributes }: Readonly<CwDatePickerTemporalProps>): React__default.JSX.Element;
3524
3559
 
3525
- interface CwDateTimePickerTemporalProps {
3560
+ interface CwDateTimePickerTemporalProps extends CwDataAttributes {
3526
3561
  /** Current selected datetime (local wall-clock, no timezone) */
3527
3562
  value?: Temporal.PlainDateTime;
3528
3563
  /** Callback when datetime changes */
@@ -3567,8 +3602,12 @@ interface CwDateTimePickerTemporalProps {
3567
3602
  nowLabel?: string;
3568
3603
  /** Locale for date formatting and calendar strings (default: enGB) */
3569
3604
  locale?: DayPickerLocale;
3605
+ /** Feedback messages shown below the inputs; accepts a single message or an array for multiple
3606
+ * @example feedback={{ type: "danger", message: "This field is required" }}
3607
+ */
3608
+ feedback?: CwInputFeedback | CwInputFeedback[];
3570
3609
  }
3571
- declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, }: Readonly<CwDateTimePickerTemporalProps>): React$1.JSX.Element;
3610
+ declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, feedback, ...dataAttributes }: Readonly<CwDateTimePickerTemporalProps>): React$1.JSX.Element;
3572
3611
 
3573
3612
  interface DateRangePresetTemporal {
3574
3613
  key: string;
@@ -3591,7 +3630,7 @@ interface DateRangeValueTemporal {
3591
3630
  from: Temporal.PlainDate | undefined;
3592
3631
  to: Temporal.PlainDate | undefined;
3593
3632
  }
3594
- interface CwDateRangePickerTemporalProps {
3633
+ interface CwDateRangePickerTemporalProps extends CwDataAttributes {
3595
3634
  /** Current selected date range */
3596
3635
  value?: DateRangeValueTemporal;
3597
3636
  /** Callback when date range changes */
@@ -3652,8 +3691,12 @@ interface CwDateRangePickerTemporalProps {
3652
3691
  * Custom presets to add alongside library presets
3653
3692
  */
3654
3693
  customPresets?: DateRangePresetTemporal[];
3694
+ /** Feedback messages shown below the inputs; accepts a single message or an array for multiple
3695
+ * @example feedback={{ type: "danger", message: "This field is required" }}
3696
+ */
3697
+ feedback?: CwInputFeedback | CwInputFeedback[];
3655
3698
  }
3656
- declare function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, locale, yearRangeStart, yearRangeEnd, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerTemporalProps>): React__default.JSX.Element;
3699
+ declare function CwDateRangePickerTemporal({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, locale, yearRangeStart, yearRangeEnd, showPresets, presetKeys, customPresets, feedback, ...dataAttributes }: Readonly<CwDateRangePickerTemporalProps>): React__default.JSX.Element;
3657
3700
 
3658
3701
  declare class UiEvent {
3659
3702
  }
@@ -3751,7 +3794,7 @@ type LineState = {
3751
3794
  };
3752
3795
 
3753
3796
  type OrderCategory<T> = keyof T & string;
3754
- interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
3797
+ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> extends CwDataAttributes {
3755
3798
  id: string;
3756
3799
  state: SchedulerState;
3757
3800
  header: SchedulerHeaderContent;
@@ -4019,4 +4062,4 @@ declare class OnClickContextMenu implements UiEvent {
4019
4062
  }
4020
4063
 
4021
4064
  export { CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBadge, CwBtnApprove, CwBtnCancel, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwButtonSplit, CwButtonSwitch, CwCard, CwCardList, CwCheck, CwCheckbox, CwCheckboxGroup, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDatePickerTemporal, CwDateRangePicker, CwDateRangePickerTemporal, CwDateTimePicker, CwDateTimePickerCompact, CwDateTimePickerTemporal, CwDialog, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownFilter, CwExpandable, CwFileUploadMultiple, CwFindAirport, CwFindCrewmember, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwMasterDetail, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNavMenu, CwNote, CwOption, CwPopoverButton, CwProgress, CwRadioGroup, CwReportModal, CwSearchAsync, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSkeleton, CwSortableList, CwSortableTable, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTagSelector, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltipManager, CwTooltipNew, CwTreeView, CwWeekdaySelector, DefaultRowHeader, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PRESET_LIBRARY_TEMPORAL, PinRowHeader, Scheduler, SchedulerEvent, SuperScheduler, TooltipConstraintContext, UiEvent, Weekdays, configureCwLoading, eventIsVisible, filterNavItems, filterVisibleEvents, getCwLoadingDefaults, getDefaultDivisions, getEventSizes, getPresetsByKeysTemporal, itemsToMultiFilterTags, sortNavItems, useCwMessage, useSortableList, useSortableTable, useTooltipConstraint };
4022
- export type { BackgroundEventDm, BadgeColorScheme, BadgeSize, BadgeVariant, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwBadgeProps, CwButtonSplitAction, CwButtonSplitProps, CwButtonSwitchOption, CwButtonSwitchProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwLoadingDefaults, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNavItem, CwNavMenuProps, CwNoteProps, CwPopoverButtonProps, CwProgressProps, CwRadioGroupProps, CwReportModalFunctionalProps, CwSearchAsyncOption, CwSearchAsyncProps, CwSelectListProps, CwSkeletonProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangePresetTemporal, DateRangeValue, DateRangeValueTemporal, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem };
4065
+ export type { BackgroundEventDm, BadgeColorScheme, BadgeSize, BadgeVariant, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwBadgeProps, CwButtonSplitAction, CwButtonSplitProps, CwButtonSwitchOption, CwButtonSwitchProps, CwCardListProps, CwCardProps, CwChipProps, CwDataAttributes, CwDialogProps, CwDropdownOption, CwDropdownProps, CwExpandableProps, CwGroupLayoutProps, CwImageAreaMethods, CwImageAreaProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwLayoutProps, CwLoadingDefaults, CwMasterDetailItem, CwMasterDetailProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNavItem, CwNavMenuProps, CwNoteProps, CwPopoverButtonProps, CwProgressColor, CwProgressProps, CwRadioGroupProps, CwReportModalFunctionalProps, CwSearchAsyncOption, CwSearchAsyncProps, CwSelectListProps, CwSkeletonProps, CwSortableListProps, CwSortableTableProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTagSelectorOption, CwTagSelectorProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangePresetTemporal, DateRangeValue, DateRangeValueTemporal, ICwMultiFilterTag, ImageItem, IndicatorRowDm, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SortableColumn, SortableTableDragState, SuperSchedulerProps, Tab, UseSortableTableReturn, Weekday, ZoomImageItem };