@povio/ui 2.3.0-rc.39 → 2.3.0-rc.40

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -5,7 +5,7 @@ import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconBu
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { DateField } from "./DateField.js";
 import { datePickerInputContentRow } from "./datePickerInput.cva.js";
-import { getDatePickerTodayIcon } from "./datePickerTodayIcon.js";
+import { renderDatePickerTodayIcon } from "./datePickerTodayIcon.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
 import { InputClear } from "../../shared/InputClear.js";
 import { inputBase, inputSize } from "../../shared/input.cva.js";
@@ -128,9 +128,11 @@ var DatePickerInput = (t0) => {
 	} else t14 = $[19];
 	const onClearChange = t14;
 	const showClear = canClear || hasValue || normalizedFieldProps.value != null || normalizedEndFieldProps?.value != null;
+	const isTodayIconDisabled = isDisabled || buttonProps.isDisabled;
 	let t15;
-	if ($[20] !== effectiveTimeZone || $[21] !== endFieldProps || $[22] !== fieldProps || $[23] !== fireBlurOnChange || $[24] !== isDateTime) {
+	if ($[20] !== effectiveTimeZone || $[21] !== endFieldProps || $[22] !== fieldProps || $[23] !== fireBlurOnChange || $[24] !== isDateTime || $[25] !== isTodayIconDisabled) {
 		t15 = () => {
+			if (isTodayIconDisabled) return;
 			if (isDateTime) {
 				const calendarDateTime = DateTimeUtils.getCurrentWallClockCalendarDateTime();
 				fieldProps.onChange?.(calendarDateTime);
@@ -149,82 +151,75 @@ var DatePickerInput = (t0) => {
 		$[22] = fieldProps;
 		$[23] = fireBlurOnChange;
 		$[24] = isDateTime;
-		$[25] = t15;
-	} else t15 = $[25];
+		$[25] = isTodayIconDisabled;
+		$[26] = t15;
+	} else t15 = $[26];
 	const onToday = t15;
 	const hidePlaceholder = as === "floating" && !fieldProps.value && !isFocused;
 	let t16;
-	if ($[26] !== todayIcon) {
-		t16 = getDatePickerTodayIcon(todayIcon);
-		$[26] = todayIcon;
-		$[27] = t16;
-	} else t16 = $[27];
-	const todayIconComponent = t16;
-	let t17;
-	if ($[28] !== onToday || $[29] !== todayIconButtonSize || $[30] !== todayIconComponent) {
-		t17 = todayIconComponent ? /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "",
-			icon: todayIconComponent,
-			size: todayIconButtonSize,
+	if ($[27] !== isTodayIconDisabled || $[28] !== onToday || $[29] !== todayIcon || $[30] !== todayIconButtonSize) {
+		t16 = renderDatePickerTodayIcon(todayIcon, {
+			isDisabled: isTodayIconDisabled,
 			onPress: onToday,
-			className: "relative z-1 !border-none"
-		}) : null;
+			size: todayIconButtonSize
+		});
+		$[27] = isTodayIconDisabled;
 		$[28] = onToday;
-		$[29] = todayIconButtonSize;
-		$[30] = todayIconComponent;
-		$[31] = t17;
-	} else t17 = $[31];
-	const todayIconButton = t17;
+		$[29] = todayIcon;
+		$[30] = todayIconButtonSize;
+		$[31] = t16;
+	} else t16 = $[31];
+	const todayIconButton = t16;
 	const shouldRenderTodayIconWithFieldLabel = todayIconPlacement === "fieldLabel";
 	const pickerIcon = isDateTime ? uiConfig.dateInput.dateTimeIcon : uiConfig.dateInput.calendarIcon;
-	const t18 = clsx("group group/date-picker-content relative flex min-w-input-width-min-width items-center justify-between gap-2", groupProps.className, inputBaseCva({
+	const t17 = clsx("group group/date-picker-content relative flex min-w-input-width-min-width items-center justify-between gap-2", groupProps.className, inputBaseCva({
 		variant,
 		as,
 		...props
 	}), className);
-	const t19 = isHovered || void 0;
+	const t18 = isHovered || void 0;
+	const t19 = isDisabled || void 0;
 	const t20 = isDisabled || void 0;
-	const t21 = isDisabled || void 0;
-	const t22 = isInvalid || void 0;
-	const t23 = normalizedFieldProps.value == null || void 0;
-	const t24 = isFocused || void 0;
-	const t25 = isFocused && isFocusVisible || void 0;
-	const t26 = normalizedFieldProps.value != null || void 0;
-	const t27 = isDirty || void 0;
-	const t28 = isRequired || void 0;
-	const t29 = normalizedFieldProps.value != null || void 0;
-	let t30;
+	const t21 = isInvalid || void 0;
+	const t22 = normalizedFieldProps.value == null || void 0;
+	const t23 = isFocused || void 0;
+	const t24 = isFocused && isFocusVisible || void 0;
+	const t25 = normalizedFieldProps.value != null || void 0;
+	const t26 = isDirty || void 0;
+	const t27 = isRequired || void 0;
+	const t28 = normalizedFieldProps.value != null || void 0;
+	let t29;
 	if ($[32] !== as || $[33] !== inputSizeCva || $[34] !== size) {
-		t30 = clsx("flex w-full items-center gap-input-gap-input-text-to-elements pr-0!", inputSizeCva({
+		t29 = clsx("flex w-full items-center gap-input-gap-input-text-to-elements pr-0!", inputSizeCva({
 			size,
 			as
 		}));
 		$[32] = as;
 		$[33] = inputSizeCva;
 		$[34] = size;
-		$[35] = t30;
-	} else t30 = $[35];
-	let t31;
+		$[35] = t29;
+	} else t29 = $[35];
+	let t30;
 	if ($[36] !== as || $[37] !== headerProps) {
-		t31 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
+		t30 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
 			as,
 			...headerProps
 		});
 		$[36] = as;
 		$[37] = headerProps;
-		$[38] = t31;
-	} else t31 = $[38];
-	const t32 = shouldRenderTodayIconWithFieldLabel && todayIconButton;
-	let t33;
+		$[38] = t30;
+	} else t30 = $[38];
+	const t31 = shouldRenderTodayIconWithFieldLabel && todayIconButton;
+	let t32;
 	if ($[39] !== datePickerInputContentRowCva || $[40] !== size) {
-		t33 = datePickerInputContentRowCva({ size });
+		t32 = datePickerInputContentRowCva({ size });
 		$[39] = datePickerInputContentRowCva;
 		$[40] = size;
-		$[41] = t33;
-	} else t33 = $[41];
-	let t34;
+		$[41] = t32;
+	} else t32 = $[41];
+	let t33;
 	if ($[42] !== disableManualEntry || $[43] !== isDisabled || $[44] !== onOpenDropdown) {
-		t34 = disableManualEntry && /* @__PURE__ */ jsx(Button, {
+		t33 = disableManualEntry && /* @__PURE__ */ jsx(Button, {
 			onPress: onOpenDropdown,
 			className: "absolute inset-0 z-0",
 			isDisabled
@@ -232,12 +227,12 @@ var DatePickerInput = (t0) => {
 		$[42] = disableManualEntry;
 		$[43] = isDisabled;
 		$[44] = onOpenDropdown;
-		$[45] = t34;
-	} else t34 = $[45];
-	const t35 = !shouldRenderTodayIconWithFieldLabel && todayIconButton;
-	let t36;
-	if ($[46] !== as || $[47] !== dateGranularity || $[48] !== disableManualEntry || $[49] !== effectiveTimeZone || $[50] !== fieldProps.value || $[51] !== format || $[52] !== hidePlaceholder || $[53] !== isDisabled || $[54] !== isInvalid || $[55] !== isTimeOptional || $[56] !== normalizedEndFieldProps || $[57] !== normalizedFieldProps || $[58] !== onClearChange || $[59] !== placeholder) {
-		t36 = disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
+		$[45] = t33;
+	} else t33 = $[45];
+	const t34 = !shouldRenderTodayIconWithFieldLabel && todayIconButton;
+	let t35;
+	if ($[46] !== as || $[47] !== dateGranularity || $[48] !== disableManualEntry || $[49] !== effectiveTimeZone || $[50] !== fieldProps || $[51] !== format || $[52] !== hidePlaceholder || $[53] !== isDisabled || $[54] !== isInvalid || $[55] !== isTimeOptional || $[56] !== normalizedEndFieldProps || $[57] !== normalizedFieldProps || $[58] !== onClearChange || $[59] !== placeholder) {
+		t35 = disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
 			size: "label-1",
 			className: "text-text-default-3",
 			children: placeholder
@@ -272,7 +267,7 @@ var DatePickerInput = (t0) => {
 		$[47] = dateGranularity;
 		$[48] = disableManualEntry;
 		$[49] = effectiveTimeZone;
-		$[50] = fieldProps.value;
+		$[50] = fieldProps;
 		$[51] = format;
 		$[52] = hidePlaceholder;
 		$[53] = isDisabled;
@@ -282,54 +277,54 @@ var DatePickerInput = (t0) => {
 		$[57] = normalizedFieldProps;
 		$[58] = onClearChange;
 		$[59] = placeholder;
-		$[60] = t36;
-	} else t36 = $[60];
-	let t37;
-	if ($[61] !== t33 || $[62] !== t34 || $[63] !== t35 || $[64] !== t36) {
-		t37 = /* @__PURE__ */ jsxs("div", {
-			className: t33,
+		$[60] = t35;
+	} else t35 = $[60];
+	let t36;
+	if ($[61] !== t32 || $[62] !== t33 || $[63] !== t34 || $[64] !== t35) {
+		t36 = /* @__PURE__ */ jsxs("div", {
+			className: t32,
 			children: [
+				t33,
 				t34,
-				t35,
-				t36
+				t35
 			]
 		});
-		$[61] = t33;
-		$[62] = t34;
-		$[63] = t35;
-		$[64] = t36;
-		$[65] = t37;
-	} else t37 = $[65];
-	let t38;
-	if ($[66] !== t30 || $[67] !== t31 || $[68] !== t32 || $[69] !== t37) {
-		t38 = /* @__PURE__ */ jsxs("div", {
-			className: t30,
+		$[61] = t32;
+		$[62] = t33;
+		$[63] = t34;
+		$[64] = t35;
+		$[65] = t36;
+	} else t36 = $[65];
+	let t37;
+	if ($[66] !== t29 || $[67] !== t30 || $[68] !== t31 || $[69] !== t36) {
+		t37 = /* @__PURE__ */ jsxs("div", {
+			className: t29,
 			children: [
+				t30,
 				t31,
-				t32,
-				t37
+				t36
 			]
 		});
-		$[66] = t30;
-		$[67] = t31;
-		$[68] = t32;
-		$[69] = t37;
-		$[70] = t38;
-	} else t38 = $[70];
-	let t39;
+		$[66] = t29;
+		$[67] = t30;
+		$[68] = t31;
+		$[69] = t36;
+		$[70] = t37;
+	} else t37 = $[70];
+	let t38;
 	if ($[71] !== as || $[72] !== inputSizeCva || $[73] !== size) {
-		t39 = clsx(inputSizeCva({
+		t38 = clsx(inputSizeCva({
 			size,
 			as
 		}), "flex items-center gap-input-gap-trailing-elements py-0! pl-0!");
 		$[71] = as;
 		$[72] = inputSizeCva;
 		$[73] = size;
-		$[74] = t39;
-	} else t39 = $[74];
-	let t40;
+		$[74] = t38;
+	} else t38 = $[74];
+	let t39;
 	if ($[75] !== clearInput || $[76] !== isClearable || $[77] !== showClear) {
-		t40 = isClearable && /* @__PURE__ */ jsx(InputClear, {
+		t39 = isClearable && /* @__PURE__ */ jsx(InputClear, {
 			onClear: clearInput,
 			show: showClear,
 			style: showClear ? { visibility: "visible" } : void 0
@@ -337,11 +332,11 @@ var DatePickerInput = (t0) => {
 		$[75] = clearInput;
 		$[76] = isClearable;
 		$[77] = showClear;
-		$[78] = t40;
-	} else t40 = $[78];
-	let t41;
+		$[78] = t39;
+	} else t39 = $[78];
+	let t40;
 	if ($[79] !== buttonProps || $[80] !== disableDropdown || $[81] !== disableManualEntry || $[82] !== isDisabled || $[83] !== pickerIcon) {
-		t41 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
+		t40 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "",
 			color: "secondary",
 			...buttonProps,
@@ -354,62 +349,62 @@ var DatePickerInput = (t0) => {
 		$[81] = disableManualEntry;
 		$[82] = isDisabled;
 		$[83] = pickerIcon;
-		$[84] = t41;
-	} else t41 = $[84];
+		$[84] = t40;
+	} else t40 = $[84];
+	let t41;
+	if ($[85] !== t38 || $[86] !== t39 || $[87] !== t40) {
+		t41 = /* @__PURE__ */ jsxs("div", {
+			className: t38,
+			children: [t39, t40]
+		});
+		$[85] = t38;
+		$[86] = t39;
+		$[87] = t40;
+		$[88] = t41;
+	} else t41 = $[88];
 	let t42;
-	if ($[85] !== t39 || $[86] !== t40 || $[87] !== t41) {
+	if ($[89] !== focusWithinProps || $[90] !== groupProps || $[91] !== hoverProps || $[92] !== t17 || $[93] !== t18 || $[94] !== t19 || $[95] !== t20 || $[96] !== t21 || $[97] !== t22 || $[98] !== t23 || $[99] !== t24 || $[100] !== t25 || $[101] !== t26 || $[102] !== t27 || $[103] !== t28 || $[104] !== t37 || $[105] !== t41) {
 		t42 = /* @__PURE__ */ jsxs("div", {
-			className: t39,
-			children: [t40, t41]
-		});
-		$[85] = t39;
-		$[86] = t40;
-		$[87] = t41;
-		$[88] = t42;
-	} else t42 = $[88];
-	let t43;
-	if ($[89] !== focusWithinProps || $[90] !== groupProps || $[91] !== hoverProps || $[92] !== t18 || $[93] !== t19 || $[94] !== t20 || $[95] !== t21 || $[96] !== t22 || $[97] !== t23 || $[98] !== t24 || $[99] !== t25 || $[100] !== t26 || $[101] !== t27 || $[102] !== t28 || $[103] !== t29 || $[104] !== t38 || $[105] !== t42) {
-		t43 = /* @__PURE__ */ jsxs("div", {
 			ref: containerRef,
 			...groupProps,
 			...focusWithinProps,
 			...hoverProps,
-			className: t18,
+			className: t17,
 			"data-rac": "",
 			"data-datetime-input": "",
-			"data-hovered": t19,
-			"data-disabled": t20,
-			"data-is-disabled": t21,
-			"data-invalid": t22,
-			"data-is-empty": t23,
-			"data-focus-within": t24,
-			"data-focus-visible": t25,
-			"data-has-selection": t26,
-			"data-is-dirty": t27,
-			"data-is-required": t28,
-			"data-is-filled": t29,
-			children: [t38, t42]
+			"data-hovered": t18,
+			"data-disabled": t19,
+			"data-is-disabled": t20,
+			"data-invalid": t21,
+			"data-is-empty": t22,
+			"data-focus-within": t23,
+			"data-focus-visible": t24,
+			"data-has-selection": t25,
+			"data-is-dirty": t26,
+			"data-is-required": t27,
+			"data-is-filled": t28,
+			children: [t37, t41]
 		});
 		$[89] = focusWithinProps;
 		$[90] = groupProps;
 		$[91] = hoverProps;
-		$[92] = t18;
-		$[93] = t19;
-		$[94] = t20;
-		$[95] = t21;
-		$[96] = t22;
-		$[97] = t23;
-		$[98] = t24;
-		$[99] = t25;
-		$[100] = t26;
-		$[101] = t27;
-		$[102] = t28;
-		$[103] = t29;
-		$[104] = t38;
-		$[105] = t42;
-		$[106] = t43;
-	} else t43 = $[106];
-	return t43;
+		$[92] = t17;
+		$[93] = t18;
+		$[94] = t19;
+		$[95] = t20;
+		$[96] = t21;
+		$[97] = t22;
+		$[98] = t23;
+		$[99] = t24;
+		$[100] = t25;
+		$[101] = t26;
+		$[102] = t27;
+		$[103] = t28;
+		$[104] = t37;
+		$[105] = t41;
+		$[106] = t42;
+	} else t42 = $[106];
+	return t42;
 };
 //#endregion
 export { DatePickerInput };

package/dist/components/inputs/DateTime/shared/DateSegmentItem.d.ts

@@ -13,7 +13,7 @@ interface DateSegmentItemViewProps {
     ref?: Ref<HTMLDivElement>;
     segmentProps?: HTMLAttributes<HTMLDivElement>;
     role?: HTMLAttributes<HTMLDivElement>["role"];
-    type?: DateSegment["type"];
+    type?: DateSegment["type"] | Intl.DateTimeFormatPartTypes;
     text: ReactNode;
     placeholder?: ReactNode;
     isPlaceholder?: boolean;

package/dist/components/inputs/DateTime/shared/DateSegmentItem.js

@@ -55,60 +55,62 @@ var DateSegmentItem = (t0) => {
 	return t5;
 };
 var DateSegmentItemView = (t0) => {
-	const $ = c(18);
+	const $ = c(19);
 	const { ref, segmentProps, role, type, text, placeholder, isPlaceholder, isInputEmpty, isDisabled, timePickerOnly, hidePlaceholder } = t0;
 	const t1 = role ?? segmentProps?.role;
-	const t2 = isDisabled && "text-interactive-text-secondary-disabled";
-	const t3 = !isDisabled && isInputEmpty && "text-text-default-3 group-focus-within:text-text-default-1";
-	const t4 = !isDisabled && !isInputEmpty && "text-text-default-1";
-	const t5 = type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1";
-	const t6 = hidePlaceholder && "opacity-0";
-	let t7;
-	if ($[0] !== t2 || $[1] !== t3 || $[2] !== t4 || $[3] !== t5 || $[4] !== t6) {
-		t7 = clsx("box-content rounded-input-rounding-default", t2, t3, t4, "focus-within:outline-1 focus-within:outline-interactive-contained-primary-idle focus-within:outline-offset-1", t5, t6);
+	const t2 = isDisabled && isInputEmpty && "text-interactive-text-secondary-disabled";
+	const t3 = isDisabled && !isInputEmpty && "text-text-default-3";
+	const t4 = !isDisabled && isInputEmpty && "text-text-default-3 group-focus-within:text-text-default-1";
+	const t5 = !isDisabled && !isInputEmpty && "text-text-default-1";
+	const t6 = type && (type === "hour" && !timePickerOnly || type === "dayPeriod") && "ml-1";
+	const t7 = hidePlaceholder && "opacity-0";
+	let t8;
+	if ($[0] !== t2 || $[1] !== t3 || $[2] !== t4 || $[3] !== t5 || $[4] !== t6 || $[5] !== t7) {
+		t8 = clsx("box-content rounded-input-rounding-default", t2, t3, t4, t5, "focus-within:outline-1 focus-within:outline-interactive-contained-primary-idle focus-within:outline-offset-1", t6, t7);
 		$[0] = t2;
 		$[1] = t3;
 		$[2] = t4;
 		$[3] = t5;
 		$[4] = t6;
 		$[5] = t7;
-	} else t7 = $[5];
-	let t8;
-	if ($[6] !== isPlaceholder || $[7] !== placeholder) {
-		t8 = isPlaceholder && /* @__PURE__ */ jsx("span", {
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
+	if ($[7] !== isPlaceholder || $[8] !== placeholder) {
+		t9 = isPlaceholder && /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: "pointer-events-none",
 			children: placeholder
 		});
-		$[6] = isPlaceholder;
-		$[7] = placeholder;
-		$[8] = t8;
-	} else t8 = $[8];
-	const t9 = isPlaceholder ? "" : text;
-	let t10;
-	if ($[9] !== t8 || $[10] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Fragment, { children: [t8, t9] });
-		$[9] = t8;
-		$[10] = t9;
-		$[11] = t10;
-	} else t10 = $[11];
+		$[7] = isPlaceholder;
+		$[8] = placeholder;
+		$[9] = t9;
+	} else t9 = $[9];
+	const t10 = isPlaceholder ? "" : text;
 	let t11;
-	if ($[12] !== ref || $[13] !== segmentProps || $[14] !== t1 || $[15] !== t10 || $[16] !== t7) {
-		t11 = /* @__PURE__ */ jsx("div", {
+	if ($[10] !== t10 || $[11] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [t9, t10] });
+		$[10] = t10;
+		$[11] = t9;
+		$[12] = t11;
+	} else t11 = $[12];
+	let t12;
+	if ($[13] !== ref || $[14] !== segmentProps || $[15] !== t1 || $[16] !== t11 || $[17] !== t8) {
+		t12 = /* @__PURE__ */ jsx("div", {
 			...segmentProps,
 			role: t1,
 			ref,
-			className: t7,
-			children: t10
+			className: t8,
+			children: t11
 		});
-		$[12] = ref;
-		$[13] = segmentProps;
-		$[14] = t1;
-		$[15] = t10;
-		$[16] = t7;
-		$[17] = t11;
-	} else t11 = $[17];
-	return t11;
+		$[13] = ref;
+		$[14] = segmentProps;
+		$[15] = t1;
+		$[16] = t11;
+		$[17] = t8;
+		$[18] = t12;
+	} else t12 = $[18];
+	return t12;
 };
 //#endregion
 export { DateSegmentItem, DateSegmentItemView, getPlaceholder };

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts

@@ -1,6 +1,14 @@
 import { FC, ReactElement, SVGProps } from 'react';
+import { PressEvent } from 'react-aria-components';
 import { DatePickerTodayIcon, DatePickerTodayIconButtonSize } from './datePicker.types';
 type TodayIconComponent = FC<SVGProps<SVGSVGElement>> | ReactElement;
+type DatePickerTodayIconOptions = {
+    className?: string;
+    isDisabled?: boolean;
+    onPress?: (event: PressEvent) => void;
+    renderStatic?: boolean;
+    size?: DatePickerTodayIconButtonSize;
+};
 export declare const getDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined) => TodayIconComponent | null;
-export declare const renderDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined, size?: DatePickerTodayIconButtonSize, className?: string) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const renderDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined, options?: DatePickerTodayIconOptions) => import("react/jsx-runtime").JSX.Element | undefined;
 export {};

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js

@@ -1,21 +1,57 @@
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
+import { button, buttonContent, buttonIconSize, buttonSize } from "../../../buttons/Button/button.cva.js";
+import { IconButton } from "../../../buttons/IconButton/IconButton.js";
 import { TodayIcon } from "../../../../assets/icons/Today.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { cloneElement, isValidElement } from "react";
 //#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
 var getDatePickerTodayIcon = (todayIcon) => {
 	if (!todayIcon) return null;
 	return todayIcon === true ? TodayIcon : todayIcon;
 };
-var renderDatePickerTodayIcon = (todayIcon, size = "none", className) => {
+var renderDatePickerTodayIcon = (todayIcon, options) => {
 	const icon = getDatePickerTodayIcon(todayIcon);
 	if (!icon) return;
-	return /* @__PURE__ */ jsx(InlineIconButton, {
+	const { className, isDisabled, onPress, renderStatic, size = "none" } = options ?? {};
+	const todayIconClassName = className ?? "relative z-1";
+	if (renderStatic) {
+		const iconClassName = buttonIconSize({
+			size,
+			className: "shrink-0"
+		});
+		const renderedIcon = (() => {
+			if (isValidElement(icon)) return cloneElement(icon, { className: clsx(iconClassName, icon.props.className) });
+			return /* @__PURE__ */ jsx(icon, { className: iconClassName });
+		})();
+		return /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"aria-hidden": "true",
+			tabIndex: -1,
+			disabled: isDisabled,
+			className: clsx(button({
+				className: todayIconClassName,
+				color: "primary",
+				variant: "contained",
+				width: "hug"
+			}), buttonSize({
+				iconOnly: true,
+				size
+			}), buttonContent({
+				iconPosition: "left",
+				iconOnly: true,
+				size
+			})),
+			children: [renderedIcon, /* @__PURE__ */ jsx("span", { className: "sr-only" })]
+		});
+	}
+	return /* @__PURE__ */ jsx(IconButton, {
 		label: "",
 		icon,
 		size,
-		staticRender: true,
-		className: className ?? "relative z-1 !border-none"
+		isDisabled,
+		onPress,
+		className: todayIconClassName
 	});
 };
 //#endregion
-export { getDatePickerTodayIcon, renderDatePickerTodayIcon };
+export { renderDatePickerTodayIcon };

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.d.ts

@@ -1,31 +1,39 @@
 import { CalendarDate } from '@internationalized/date';
+import { ReactNode } from 'react';
 import { DateValue, TimeValue } from 'react-aria';
 interface StaticSegmentProps {
     isDisabled?: boolean;
     hidePlaceholder?: boolean;
 }
-interface StaticCalendarDateSegmentsProps extends StaticSegmentProps {
+interface StaticManualEntryPlaceholderProps {
+    disableManualEntry?: boolean;
+    placeholder?: ReactNode;
+}
+type StaticDateGranularity = "day" | "month" | "year";
+interface StaticCalendarDateSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
     value?: CalendarDate | null;
     locale: string;
     shouldForceLeadingZeros?: boolean;
+    dateGranularity?: StaticDateGranularity;
 }
-interface StaticCalendarDateTimeSegmentsProps extends StaticSegmentProps {
+interface StaticCalendarDateTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
     value?: DateValue | null;
     locale: string;
     shouldForceLeadingZeros?: boolean;
 }
-interface StaticDateRangeSegmentsProps extends StaticSegmentProps {
+interface StaticDateRangeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
     start?: CalendarDate | null;
     end?: CalendarDate | null;
     locale: string;
     shouldForceLeadingZeros?: boolean;
 }
-interface StaticTimeSegmentsProps extends StaticSegmentProps {
+interface StaticTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
     value?: TimeValue | null;
     locale: string;
 }
-export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticTimeSegments: ({ value, locale, isDisabled, hidePlaceholder }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticTimeSegments: ({ value, locale, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticDateTimePlaceholder: (placeholder: ReactNode) => import("react/jsx-runtime").JSX.Element;
 export {};