@veevarts/design-system 2.1.0-beta.24 → 2.1.0-beta.27

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

@@ -1,8 +1,15 @@
 import { ButtonProps, DatePickerProps as HeroUIDatePickerProps, TimeInputProps as HeroUITimeInputProps } from '@heroui/react';
-type DateOnlyProps = HeroUIDatePickerProps & {
+type CalendarMarkProps = {
+    /**
+     * Rings today's cell in the calendar. HeroUI only flags it. Off by
+     * default; `DATE_PICKER_DAY_DEFAULTS` turns it on.
+     */
+    markToday?: boolean;
+};
+type DateOnlyProps = HeroUIDatePickerProps & CalendarMarkProps & {
     mode?: 'date';
 };
-type DateTimeProps = HeroUIDatePickerProps & {
+type DateTimeProps = HeroUIDatePickerProps & CalendarMarkProps & {
     mode: 'datetime';
 };
 type TimeOnlyProps = HeroUITimeInputProps & {

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

@@ -0,0 +1,28 @@
+/**
+ * The calendar for picking one day the way the program page does, in one
+ * spread: weeks start on Monday, the month and the year can be jumped to (a
+ * program can be set up a year ahead), and today is marked with a ring so
+ * people know where they are. Nothing is preselected: leave `value` empty and
+ * the field stays empty.
+ *
+ * Opt-in. A `DatePicker` without it keeps HeroUI's behaviour (the locale's
+ * first weekday, month-by-month paging, today unmarked).
+ *
+ * @example
+ * ```tsx
+ * <DatePicker {...DATE_PICKER_DAY_DEFAULTS} label={t('startDate')} value={start} onChange={setStart} />
+ * ```
+ */
+export declare const DATE_PICKER_DAY_DEFAULTS: {
+    readonly firstDayOfWeek: "mon";
+    readonly showMonthAndYearPickers: true;
+    readonly markToday: true;
+};
+/**
+ * What `markToday` adds to every calendar cell. HeroUI only flags today
+ * (`data-today`) and draws nothing for it. The ring is the primary color, so
+ * once today is selected it disappears into the primary fill, which the
+ * `DayDefaults` story measures. (A `data-[selected=true]:ring-0` would not
+ * help: it loses to the ring in the generated CSS.)
+ */
+export declare const TODAY_RING_CLASS = "data-[today=true]:font-semibold data-[today=true]:ring-1 data-[today=true]:ring-inset data-[today=true]:ring-primary";

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

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

package/dist/components/index.d.ts

@@ -15,7 +15,7 @@ export { AppliedCodeCard } from './AppliedCodeCard';
 export type { AppliedCodeCardProps } from './AppliedCodeCard';
 export { Button } from './Button';
 export type { ButtonProps } from './Button';
-export { DatePicker } from './DatePicker';
+export { DatePicker, DATE_PICKER_DAY_DEFAULTS } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
 export { Drawer } from './Drawer';
 export type { DrawerProps } from './Drawer';