@povio/ui 3.4.0-rc.4 → 3.4.0-rc.6

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import { ChevronRightIcon } from "../../assets/icons/ChevronRight.js";
+import { ReactIconsSpriteIcon } from "../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./breadcrumbs.cva.js";
 import { MenuDesktop } from "../Menu/MenuDesktop.js";
@@ -80,12 +80,18 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: firstItem.id,
 					className: breadcrumbSegmentCva({}),
-					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+					children: [renderBreadcrumbLink(firstItem, false, iconOnly_0), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+						iconId: "ri-lucide-react-ChevronRight",
+						className: breadcrumbChevronCva({})
+					})]
 				}),
 				/* @__PURE__ */ jsxs(Breadcrumb, {
 					id: "ellipsis",
 					className: breadcrumbSegmentCva({}),
-					children: [renderEllipsis(), /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })]
+					children: [renderEllipsis(), /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+						iconId: "ri-lucide-react-ChevronRight",
+						className: breadcrumbChevronCva({})
+					})]
 				}),
 				/* @__PURE__ */ jsx(Breadcrumb, {
 					id: lastItem.id,
@@ -104,7 +110,10 @@ var Breadcrumbs$1 = ({ items, className, onAction, iconOnly: iconOnly_0 = false
 		children: (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
 			id: item_1.id,
 			className: breadcrumbSegmentCva({}),
-			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRightIcon, { className: breadcrumbChevronCva({}) })] })
+			children: ({ isCurrent: isCurrent_0 }) => /* @__PURE__ */ jsxs(Fragment, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly_0 && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-ChevronRight",
+				className: breadcrumbChevronCva({})
+			})] })
 		})
 	});
 };

package/dist/components/Menu/Menu.js

@@ -1,8 +1,8 @@
 import { MenuDesktop } from "./MenuDesktop.js";
 import { MenuMobile } from "./MenuMobile.js";
 import { useBreakpoint } from "../../hooks/useBreakpoint.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/Menu/Menu.tsx
 var Menu = (props) => {
 	const $ = c(4);

package/dist/components/Menu/MenuDesktop.js

@@ -1,7 +1,7 @@
 import { MenuPopover } from "./MenuPopover.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MenuTrigger } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/Menu/MenuDesktop.tsx
 var MenuDesktop = (t0) => {
 	const $ = c(12);

package/dist/components/Menu/MenuItem.js

@@ -1,10 +1,10 @@
-import { ArrowRightIcon } from "../../assets/icons/ArrowRight.js";
+import { ReactIconsSpriteIcon } from "../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuItemDefinition } from "./menu.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { MenuItem } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/Menu/MenuItem.tsx
 var MenuItem$1 = (t0) => {
 	const $ = c(9);
@@ -19,7 +19,10 @@ var MenuItem$1 = (t0) => {
 	const t2 = content ?? label;
 	let t3;
 	if ($[0] !== hasSubmenu) {
-		t3 = hasSubmenu && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "size-6" });
+		t3 = hasSubmenu && /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+			iconId: "ri-lucide-react-ArrowRight",
+			className: "size-6"
+		});
 		$[0] = hasSubmenu;
 		$[1] = t3;
 	} else t3 = $[1];

package/dist/components/Menu/MenuMobile.js

@@ -1,13 +1,13 @@
-import { ArrowLeftIcon } from "../../assets/icons/ArrowLeft.js";
+import { ReactIconsSpriteIcon } from "../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuDefinition, menuItemDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
 import { BottomSheet } from "../overlays/BottomSheet/BottomSheet.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button, Menu } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/Menu/MenuMobile.tsx
 var MenuMobile = (t0) => {
 	const $ = c(23);
@@ -90,7 +90,10 @@ var MenuMobile = (t0) => {
 				isMobile: true
 			})),
 			onPress: onBack,
-			children: [/* @__PURE__ */ jsx(ArrowLeftIcon, { className: "size-6" }), activeItem.label]
+			children: [/* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-ArrowLeft",
+				className: "size-6"
+			}), activeItem.label]
 		}), /* @__PURE__ */ jsx("div", {
 			onClickCapture: (e) => {
 				lastEventRef.current = e;

package/dist/components/Menu/MenuPopover.js

@@ -1,10 +1,10 @@
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { menuDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./menu.cva.js";
 import { MenuItem as MenuItem$1 } from "./MenuItem.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { Menu, Popover, SubmenuTrigger } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/Menu/MenuPopover.tsx
 var MenuPopover = (t0) => {
 	const $ = c(28);

package/dist/components/buttons/IconButton/IconButton.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/buttons/IconButton/IconButton.tsx
 var IconButton = (t0) => {
 	const $ = c(11);

package/dist/components/buttons/PillButton/PillButton.js

@@ -1,11 +1,11 @@
-import { CloseIcon } from "../../../assets/icons/Close.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { ButtonContent } from "../shared/ButtonContent.js";
 import { pillButtonContent, pillButtonDefinition, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Button, ToggleButton } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { X } from "lucide-react";
 //#region src/components/buttons/PillButton/PillButton.tsx
 var PillButton = (t0) => {
 	const $ = c(17);
@@ -30,7 +30,7 @@ var PillButton = (t0) => {
 		className: props.className
 	}), pillButtonContent({ iconPosition: getIconPosition() }));
 	const T0 = ButtonContent;
-	const t3 = dismissable ? CloseIcon : icon;
+	const t3 = dismissable ? X : icon;
 	const t4 = dismissable ? "right" : iconPosition;
 	const t5 = pillButtonIconSize;
 	const t6 = pillButtonTypographyMap({ ...props });

package/dist/components/buttons/PillButton/pillButton.cva.d.ts

@@ -31,7 +31,7 @@ export declare const pillButtonContentDefinition: {
     }>;
 };
 export declare const pillButtonContent: (props?: ({
-    readonly iconPosition?: "none" | "left" | "right" | null | undefined;
+    readonly iconPosition?: "left" | "right" | "none" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const pillButtonIconSize: string;
 export declare const pillButtonTypography: (props: {

package/dist/components/buttons/SplitButton/SplitButton.js

@@ -1,10 +1,10 @@
-import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
 import { Button } from "../Button/Button.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Menu } from "../../Menu/Menu.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
+import { ChevronDown } from "lucide-react";
 //#region src/components/buttons/SplitButton/SplitButton.tsx
 var SplitButton = (t0) => {
 	const $ = c(36);
@@ -85,7 +85,7 @@ var SplitButton = (t0) => {
 			variant,
 			color,
 			label: labelRight,
-			icon: ChevronDownIcon,
+			icon: ChevronDown,
 			className: "rounded-l-none! border-l-0!",
 			isDisabled: t3
 		});

package/dist/components/buttons/TextButton/TextButton.js

@@ -1,6 +1,6 @@
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx
 var TextButton = (t0) => {
 	const $ = c(7);

package/dist/components/buttons/ToggleButton/ToggleButton.js

@@ -1,6 +1,6 @@
 import { Button } from "../Button/Button.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx
 var ToggleButton = (t0) => {
 	const $ = c(6);

package/dist/components/buttons/shared/buttonContent.cva.d.ts

@@ -1,7 +1,7 @@
 import { ButtonContentConfig } from '../Button/button.cva';
 import { UIOverrides } from '../../../config/uiOverrides.context';
 export declare const buttonContentLabel: (props?: ({
-    iconPosition?: "none" | "left" | "right" | null | undefined;
+    iconPosition?: "left" | "right" | "none" | null | undefined;
     hideText?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {

package/dist/components/inputs/Checkbox/Checkbox.js

@@ -5,10 +5,10 @@ import { checkboxContentClassName, checkboxIndicatorClass, checkboxTypography }
 import { FormFieldError } from "../FormField/FormFieldError.js";
 import { CheckContent } from "../shared/CheckContent.js";
 import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { Checkbox } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Checkbox/Checkbox.tsx
 var CheckboxBase = (props) => {

package/dist/components/inputs/Checkbox/CheckboxCheckmark.js

@@ -1,10 +1,9 @@
-import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.js";
-import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { checkboxDefinition, checkboxIconDefinition } from "./checkbox.cva.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Minus } from "lucide-react";
 //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
-var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = CheckboxCheckmarkIcon, indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon, ...props }) => {
+var CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
 	const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
 	const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/components/inputs/Checkbox/CheckboxGroup.js

@@ -6,10 +6,10 @@ import { CheckboxBase } from "./Checkbox.js";
 import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
 import { FormField } from "../FormField/FormField.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../shared/input.cva.js";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { CheckboxGroup } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 import { useLabel } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Checkbox/CheckboxGroup.tsx

package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts

@@ -12,6 +12,7 @@ interface DatePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Da
     ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     className?: string;
     todayIcon?: DatePickerTodayIcon;
     todayIconButtonSize?: DatePickerTodayIconButtonSize;

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -24,7 +24,7 @@ import { useCalendarState, useDatePickerState } from "react-stately";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
 var DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDirty, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, placeholder, inputClassName, as: asProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, granularity: granularityProp, autoFixYear: autoFixYearProp, format, ...rest } = props;
 	const as = asProp ?? ui.input.as;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
@@ -227,6 +227,7 @@ var DatePickerBase = (props) => {
 				variant,
 				size,
 				isClearable,
+				isClearableIfDisabled,
 				headerProps,
 				todayIcon,
 				todayIconButtonSize,

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts

@@ -12,6 +12,7 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
     ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
     disableDropdown?: boolean;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     hideSidebar?: boolean;
     className?: string;
     todayIcon?: DatePickerTodayIcon;

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -29,7 +29,7 @@ import { useDateRangePickerState, useRangeCalendarState } from "react-stately";
 var DateRangePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, minValue, maxValue, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, minValue, maxValue, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -649,6 +649,7 @@ var DateRangePickerBase = (props) => {
 				variant,
 				size,
 				isClearable,
+				isClearableIfDisabled,
 				headerProps,
 				todayIcon,
 				todayIconButtonSize,

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts

@@ -12,6 +12,7 @@ interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omi
     disableDropdown?: boolean;
     isTimeOptional?: boolean;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     todayIcon?: DatePickerTodayIcon;
     todayIconButtonSize?: DatePickerTodayIconButtonSize;
     todayIconButtonComponent?: DatePickerTodayIconButtonComponent;

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js

@@ -23,7 +23,7 @@ import { useCalendarState, useDatePickerState } from "react-stately";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.tsx
 var DateTimePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
-	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, isTimeOptional, placeholder, inputClassName, shouldShrinkInput, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, timeZone: timeZoneProp, autoFixYear: autoFixYearProp, format, setDateValueOnDateSelection: setDateValueOnDateSelectionProp, ...rest } = props;
+	const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, isTimeOptional, placeholder, inputClassName, shouldShrinkInput, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, shouldUpdateDateOnMonthYearChange: shouldUpdateDateOnMonthYearChangeProp, timeZone: timeZoneProp, autoFixYear: autoFixYearProp, format, setDateValueOnDateSelection: setDateValueOnDateSelectionProp, ...rest } = props;
 	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
 	const variant = variantProp ?? ui.input.variant;
 	const as = asProp ?? ui.input.as;
@@ -205,6 +205,7 @@ var DateTimePickerBase = (props) => {
 				isDateTime: true,
 				shouldShrinkInput,
 				isClearable,
+				isClearableIfDisabled,
 				headerProps,
 				todayIcon,
 				todayIconButtonSize,

package/dist/components/inputs/DateTime/TimePicker/TimePicker.d.ts

@@ -9,6 +9,7 @@ interface TimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<Ar
     disableDropdown?: boolean;
     date?: string | null;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     isDirty?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;