sy-ui-lib 1.0.27 → 1.0.29

package/dist/components/TimePicker/TimePicker.component.d.ts

@@ -1,21 +1,28 @@
 import { TimePickerProps } from './TimePicker.types';
 /**
- * A reusable and customizable time picker component that allows
- * selecting a time range (From–To) using `react-time-picker`.
+ * A reusable and customizable controlled time picker component
+ * that allows selecting a time range (From–To) using `react-time-picker`.
  *
  * @param {string} [title] - Optional button text placeholder. Default is "Select Time".
+ * @param {TimeRange} [value] - Controlled selected time range value.
  * @param {(value: TimeRange) => void} selectedTime - Callback function
- *        triggered when the user applies a selected time range.
+ *        triggered when the selected time range changes.
  * @param {boolean} [fullWidth] - If true, the component stretches to full width of its container.
  * @param {string} [errorMessage] - Custom validation error message shown for invalid ranges.
  *
  * @returns {JSX.Element} The rendered TimePicker component.
  *
  * @example
+ * const [timeRange, setTimeRange] = useState<TimeRange>({
+ *   from: null,
+ *   to: null,
+ * });
+ *
  * <TimePicker
  *   title="Pick Time"
+ *   value={timeRange}
  *   fullWidth
- *   selectedTime={(value) => console.log("Selected:", value)}
+ *   selectedTime={setTimeRange}
  * />
  */
 declare const TimePicker: React.FC<TimePickerProps>;

package/dist/components/TimePicker/TimePicker.stories.d.ts

@@ -6,3 +6,4 @@ type Story = StoryObj<TimePickerProps>;
 export declare const Default: Story;
 export declare const FullWidth: Story;
 export declare const FixedWidthContainer: Story;
+export declare const ControlledContainer: Story;

package/dist/components/TimePicker/TimePicker.types.d.ts

@@ -15,6 +15,8 @@ export interface TimePickerProps {
     title?: string;
     /** Callback function that receives the selected time range */
     selectedTime: (value: TimeRange) => void;
+    /** Controlled value from parent */
+    value?: TimeRange;
     /** If true, the time picker stretches to full width of its container */
     fullWidth?: boolean;
     /** Custom validation error message shown when the selected time range is invalid */