@veevarts/design-system 1.16.0 → 1.17.0-beta.2

package/README.md

@@ -171,6 +171,18 @@ All HeroUI components are re-exported and themed:
 import { Card, Input, Modal, Dropdown } from '@veevarts/design-system';
 ```
 
+The design system also overrides a few inputs with Veevart-specific wrappers. `DatePicker` supports three modes through one API:
+
+```tsx
+import { DatePicker } from '@veevarts/design-system';
+
+<DatePicker mode="date" label="Start date" />;
+<DatePicker mode="datetime" label="Event starts" />;
+<DatePicker mode="time" label="Doors open" minuteStep={15} />;
+```
+
+For `mode="datetime"`, the design system does not convert timezones. The consuming app must pass the value already prepared in the business timezone it wants to present. The component hides timezone labels by default.
+
 For complete HeroUI documentation, visit: [HeroUI Storybook](https://storybook.heroui.com/)
 
 ### Configure Tailwind CSS

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps, DatePickerProps as HeroUIDatePickerProps, TimeInputProps as HeroUITimeInputProps } from '@heroui/react';
+type DateOnlyProps = HeroUIDatePickerProps & {
+    mode?: 'date';
+};
+type DateTimeProps = HeroUIDatePickerProps & {
+    mode: 'datetime';
+};
+type TimeOnlyProps = HeroUITimeInputProps & {
+    mode: 'time';
+    minuteStep?: 5 | 10 | 15 | 30;
+    timeListClassName?: string;
+    timeListLabel?: string;
+    selectorButtonProps?: Omit<ButtonProps, 'children' | 'onPress' | 'isIconOnly'>;
+};
+export type DatePickerProps = DateOnlyProps | DateTimeProps | TimeOnlyProps;
+export declare function DatePicker(props: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/components/index.d.ts

@@ -13,5 +13,7 @@ export * from '@heroui/react';
 export type * from '@heroui/react';
 export { Button } from './Button';
 export type { ButtonProps } from './Button';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';
 export { Select } from './Select';
 export type { SelectProps } from './Select';