@lumx/vue 4.14.0-next.4 → 4.15.0-alpha.0

package/components/time-picker-field/TimePickerField.d.ts

@@ -0,0 +1,45 @@
+import { TimePickerFieldWrapperProps, TimePickerFieldOwnedSelectProps } from '@lumx/core/js/components/TimePickerField';
+import { ClassValue } from '../../utils/VueToJSX';
+import { SingleSelectTextFieldProps } from '../select-text-field/SelectTextField';
+/**
+ * Inherited SelectTextField props (less the parts owned by TimePickerField).
+ */
+type InheritedSelectTextFieldProps = Omit<SingleSelectTextFieldProps<any>, TimePickerFieldOwnedSelectProps | 'class'>;
+/**
+ * `TimePickerField` props.
+ */
+export interface TimePickerFieldProps extends InheritedSelectTextFieldProps, TimePickerFieldWrapperProps {
+    /** CSS class. */
+    class?: ClassValue;
+}
+/**
+ * TimePickerField events schema.
+ */
+export declare const emitSchema: {
+    /**
+     * Selection change. Payload is the new `Date` whose date part is inherited
+     * from the previous `value` (or today, if none) and whose time-of-day
+     * matches the user selection. May be `undefined` when the field is cleared.
+     */
+    change: (_newValue?: Date) => boolean;
+};
+/**
+ * A select-style picker for choosing a time of day. Wraps `SelectTextField`
+ * with a generated list of times built from `step`, `minTime`, and `maxTime`.
+ *
+ * Out-of-range options (strictly before `minTime` or after `maxTime`) remain
+ * visible in the dropdown but are rendered as disabled.
+ *
+ * Free-form typed input (e.g. `"10:30 PM"`, `"14"`, `"930"`) is parsed on blur.
+ */
+declare const TimePickerField: import('vue').DefineSetupFnComponent<TimePickerFieldProps, {
+    /**
+     * Selection change. Payload is the new `Date` whose date part is inherited
+     * from the previous `value` (or today, if none) and whose time-of-day
+     * matches the user selection. May be `undefined` when the field is cleared.
+     */
+    change: (_newValue?: Date) => boolean;
+}, {}, TimePickerFieldProps & {
+    onChange?: ((_newValue?: Date | undefined) => any) | undefined;
+}, import('vue').PublicProps>;
+export default TimePickerField;

package/components/time-picker-field/TimePickerField.stories.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    component: any;
+    args: {
+        label: string;
+        locale: string;
+        translations: {
+            clearLabel: string;
+            showSuggestionsLabel: string;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithValue: {
+    args: {
+        value: Date;
+    };
+};
+export declare const Step15: {
+    args: {
+        step: number;
+    };
+};
+export declare const WithMinTime: {
+    args: {
+        minTime: Date;
+    };
+};
+export declare const WithMaxTime: {
+    args: {
+        maxTime: Date;
+    };
+};
+export declare const French: {
+    args: {
+        locale: string;
+        value: Date;
+    };
+};
+export declare const Disabled: {
+    args: {
+        value: Date;
+    };
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/time-picker-field/TimePickerField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/time-picker-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TimePickerField, type TimePickerFieldProps } from './TimePickerField';
+export type { TimePickerFieldTranslations } from '@lumx/core/js/components/TimePickerField';

package/index.d.ts

@@ -44,3 +44,4 @@ export * from './components/tooltip';
 export * from './components/user-block';
 export * from './components/select-button';
 export * from './components/select-text-field';
+export * from './components/time-picker-field';