@refraction-ui/react 0.16.1 → 0.16.2

package/dist/internal/date-picker/index.d.cts

@@ -22,6 +22,8 @@ interface DatePickerProps {
     defaultOpen?: boolean;
     /** Callback when open changes */
     onOpenChange?: (open: boolean) => void;
+    /** The currently displayed month (controlled) */
+    currentMonth?: Date;
 }
 interface DatePickerState {
     open: boolean;
@@ -85,7 +87,7 @@ declare function formatDate(date: Date | undefined, format: string, showTime: bo
 declare function createDatePicker(props?: DatePickerProps): DatePickerAPI;
 
 declare const datePickerTriggerStyles = "inline-flex items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer";
-declare const datePickerDropdownStyles = "absolute z-50 mt-1 rounded-md border bg-popover p-4 text-popover-foreground shadow-md";
+declare const datePickerDropdownStyles = "absolute z-50 mt-1 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md";
 declare const datePickerGridStyles = "w-full border-collapse";
 declare const datePickerDayVariants: (props?: ({
     state?: "default" | "selected" | "today" | "disabled" | "outside" | undefined;

package/dist/internal/date-picker/index.d.ts

@@ -22,6 +22,8 @@ interface DatePickerProps {
     defaultOpen?: boolean;
     /** Callback when open changes */
     onOpenChange?: (open: boolean) => void;
+    /** The currently displayed month (controlled) */
+    currentMonth?: Date;
 }
 interface DatePickerState {
     open: boolean;
@@ -85,7 +87,7 @@ declare function formatDate(date: Date | undefined, format: string, showTime: bo
 declare function createDatePicker(props?: DatePickerProps): DatePickerAPI;
 
 declare const datePickerTriggerStyles = "inline-flex items-center gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring cursor-pointer";
-declare const datePickerDropdownStyles = "absolute z-50 mt-1 rounded-md border bg-popover p-4 text-popover-foreground shadow-md";
+declare const datePickerDropdownStyles = "absolute z-50 mt-1 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md";
 declare const datePickerGridStyles = "w-full border-collapse";
 declare const datePickerDayVariants: (props?: ({
     state?: "default" | "selected" | "today" | "disabled" | "outside" | undefined;

package/dist/internal/react-date-picker/index.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export { CalendarDay, DatePickerProps as CoreDatePickerProps, DatePickerAPI, DatePickerState, DatePickerView, datePickerDayVariants, datePickerDropdownStyles, datePickerTimeInputStyles, datePickerTimeStyles, datePickerTriggerStyles } from '../date-picker/index.cjs';
 
-interface DatePickerProps {
+interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
     value?: Date;
     onChange?: (date: Date) => void;
     minDate?: Date;
@@ -9,15 +9,7 @@ interface DatePickerProps {
     showTime?: boolean;
     format?: string;
     placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function DatePicker({ value, onChange, minDate, maxDate, showTime, format, placeholder, className, disabled, }: DatePickerProps): React.DetailedReactHTMLElement<{
-    ref: React.RefObject<HTMLDivElement | null>;
-    className: string;
-}, HTMLDivElement>;
-declare namespace DatePicker {
-    var displayName: string;
 }
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
 
 export { DatePicker, type DatePickerProps };

package/dist/internal/react-date-picker/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export { CalendarDay, DatePickerProps as CoreDatePickerProps, DatePickerAPI, DatePickerState, DatePickerView, datePickerDayVariants, datePickerDropdownStyles, datePickerTimeInputStyles, datePickerTimeStyles, datePickerTriggerStyles } from '../date-picker/index.js';
 
-interface DatePickerProps {
+interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
     value?: Date;
     onChange?: (date: Date) => void;
     minDate?: Date;
@@ -9,15 +9,7 @@ interface DatePickerProps {
     showTime?: boolean;
     format?: string;
     placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function DatePicker({ value, onChange, minDate, maxDate, showTime, format, placeholder, className, disabled, }: DatePickerProps): React.DetailedReactHTMLElement<{
-    ref: React.RefObject<HTMLDivElement | null>;
-    className: string;
-}, HTMLDivElement>;
-declare namespace DatePicker {
-    var displayName: string;
 }
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
 
 export { DatePicker, type DatePickerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refraction-ui/react",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "description": "All Refraction UI React components in one package — headless, accessible, zero-dependency",
   "type": "module",
   "main": "./dist/index.js",