@melv1c/ui-kit 1.5.0 → 1.5.3

package/dist/index.d.cts

@@ -494,9 +494,15 @@ interface DateTimePickerProps {
      */
     showClear?: boolean;
     /**
-     * Disable the picker
+     * Disable the entire picker
      */
     disabled?: boolean;
+    /**
+     * Apply the disabled modifier to matching days.
+     * Supports Date, Date[], DateRange, DateBefore, DateAfter, DateInterval, DayOfWeek, or a function.
+     * @see https://daypicker.dev/selections/disabling-dates
+     */
+    disabledDates?: React.ComponentProps<typeof DayPicker>["disabled"];
     /**
      * Custom className for the container
      */
@@ -506,7 +512,7 @@ interface DateTimePickerProps {
      */
     formatDateTime?: (date: Date) => string;
 }
-declare function DateTimePicker({ value, onChange, label, placeholder, showClear, disabled, className, formatDateTime, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePicker({ value, onChange, label, placeholder, showClear, disabled, disabledDates, className, formatDateTime, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
 
 declare const appleIconVariants: (props?: ({
     variant?: "default" | "transparent" | "dark" | "light" | null | undefined;

package/dist/index.d.ts

@@ -494,9 +494,15 @@ interface DateTimePickerProps {
      */
     showClear?: boolean;
     /**
-     * Disable the picker
+     * Disable the entire picker
      */
     disabled?: boolean;
+    /**
+     * Apply the disabled modifier to matching days.
+     * Supports Date, Date[], DateRange, DateBefore, DateAfter, DateInterval, DayOfWeek, or a function.
+     * @see https://daypicker.dev/selections/disabling-dates
+     */
+    disabledDates?: React.ComponentProps<typeof DayPicker>["disabled"];
     /**
      * Custom className for the container
      */
@@ -506,7 +512,7 @@ interface DateTimePickerProps {
      */
     formatDateTime?: (date: Date) => string;
 }
-declare function DateTimePicker({ value, onChange, label, placeholder, showClear, disabled, className, formatDateTime, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+declare function DateTimePicker({ value, onChange, label, placeholder, showClear, disabled, disabledDates, className, formatDateTime, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
 
 declare const appleIconVariants: (props?: ({
     variant?: "default" | "transparent" | "dark" | "light" | null | undefined;

package/dist/index.js

@@ -4361,6 +4361,7 @@ function DateTimePicker({
   placeholder = "Select date and time",
   showClear = true,
   disabled = false,
+  disabledDates,
   className,
   formatDateTime
 }) {
@@ -4453,7 +4454,7 @@ function DateTimePicker({
             selected: date,
             captionLayout: "dropdown",
             onSelect: handleDateChange,
-            disabled
+            disabled: disabledDates
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "border-t p-3", children: [
@@ -4466,7 +4467,7 @@ function DateTimePicker({
               step: "60",
               value: formatTimeValue(date),
               onChange: handleTimeChange,
-              disabled,
+              disabled: !date || disabled,
               className: "bg-background h-8 appearance-none [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none"
             }
           )