@club-employes/utopia 4.345.0 → 4.347.0

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

@@ -1,19 +1,12 @@
+import { CalendarGridProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-export interface CalendarDay {
-    date: Date;
-    isCurrentMonth: boolean;
-}
-type __VLS_Props = {
-    weekDays: string[];
-    calendarDays: CalendarDay[];
-    draftSelectedDate: Date | null;
-    minDate?: Date | string;
-    maxDate?: Date | string;
-    dday?: boolean;
-};
-declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: DefineComponent<CalendarGridProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "select-date": (date: Date) => any;
-}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "confirm-date": (date: Date) => any;
+    "hover-date": (date: Date) => any;
+}, string, PublicProps, Readonly<CalendarGridProps> & Readonly<{
     "onSelect-date"?: ((date: Date) => any) | undefined;
+    "onConfirm-date"?: ((date: Date) => any) | undefined;
+    "onHover-date"?: ((date: Date) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,17 +1,15 @@
+import { CalendarHeaderProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type __VLS_Props = {
-    currentMonthName: string;
-    canGoPrev: boolean;
-    currentView: 'days' | 'years';
-    yearsRange?: string;
-};
-declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: DefineComponent<CalendarHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     next: () => any;
     prev: () => any;
     "toggle-view": () => any;
-}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, PublicProps, Readonly<CalendarHeaderProps> & Readonly<{
     onNext?: (() => any) | undefined;
     onPrev?: (() => any) | undefined;
     "onToggle-view"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    showPrev: boolean;
+    showNext: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -3,13 +3,17 @@ type __VLS_Props = {
     formattedDraftDateDisplay: string;
     enableTime: boolean;
     language: string;
+    /** Format de saisie : 'DD/MM/YYYY' (défaut/fr) ou 'MM/DD/YYYY' (en). */
+    format?: string;
     hideConfirmButton?: boolean;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     clear: () => any;
     confirm: () => any;
+    "update-draft": (date: Date | null) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClear?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    "onUpdate-draft"?: ((date: Date | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,13 +1,23 @@
 /**
- * Utilitaires date pour DatePicker : parsing, formatage, masque DD/MM/YYYY.
+ * Utilitaires date pour DatePicker : parsing, formatage, masque.
+ *
+ * Formats supportés : 'DD/MM/YYYY' (défaut, fr), 'MM/DD/YYYY' (en).
+ * Le séparateur est toujours `/` ; la structure 2-2-4 est identique dans les deux cas,
+ * seule l'interprétation des deux premiers groupes diffère.
  */
 /**
- * Parse une chaîne ou Date. Les chaînes au format DD/MM/YYYY sont toujours interprétées
- * en jour/mois/année (pas en MM/DD comme new Date() selon la locale).
+ * Parse une chaîne ou Date en tenant compte du format.
+ * - 'DD/MM/YYYY' (défaut) : premier groupe = jour, deuxième = mois.
+ * - 'MM/DD/YYYY' : premier groupe = mois, deuxième = jour.
+ * Fallback ISO pour les chaînes YYYY-MM-DD et similaires.
  */
-export declare function parseDate(value: string | Date | null): Date | null;
-/** Format date pour la saisie clavier (DD/MM/YYYY). */
-export declare function formatForInput(date: Date | null): string;
+export declare function parseDate(value: string | Date | null, format?: string): Date | null;
+/**
+ * Formate une date pour la saisie clavier selon le format.
+ * - 'DD/MM/YYYY' (défaut) → "26/06/2025"
+ * - 'MM/DD/YYYY'          → "06/26/2025"
+ */
+export declare function formatForInput(date: Date | null, format?: string): string;
 /** Masque DD/MM/YYYY : uniquement chiffres (max 8), insertion auto des /. */
 export declare function applyDateMask(raw: string): string;
 /**

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

@@ -30,3 +30,41 @@ export interface DatePickerProps {
     /** Masquer le bouton "Choisir la date" — la sélection se confirme automatiquement au clic */
     hideConfirmButton?: boolean;
 }
+export interface CalendarHeaderProps {
+    /** Nom du mois courant affiché dans le titre (ex : "Juin 2025"). */
+    currentMonthName: string;
+    /** Active ou désactive le bouton "précédent" (ex : contrainte minDate). */
+    canGoPrev: boolean;
+    /** Vue active : 'days' (grille de jours) ou 'years' (sélecteur d'années). */
+    currentView: 'days' | 'years';
+    /** Libellé de la plage d'années affiché en vue 'years' (ex : "2020 – 2031"). */
+    yearsRange?: string;
+    /**
+     * Affiche ou masque la flèche de navigation "précédent".
+     * `false` → remplacé par un placeholder de même taille pour conserver l'alignement.
+     * Utile dans le panneau droit d'un DateRange (deux calendriers côte à côte).
+     * @default true
+     */
+    showPrev?: boolean;
+    /**
+     * Affiche ou masque la flèche de navigation "suivant".
+     * `false` → remplacé par un placeholder de même taille pour conserver l'alignement.
+     * Utile dans le panneau gauche d'un DateRange (deux calendriers côte à côte).
+     * @default true
+     */
+    showNext?: boolean;
+}
+export interface CalendarDay {
+    date: Date;
+    isCurrentMonth: boolean;
+}
+export interface CalendarGridProps {
+    weekDays: string[];
+    calendarDays: CalendarDay[];
+    draftSelectedDate?: Date | null;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    dday?: boolean;
+    rangeStart?: Date | null;
+    rangeEnd?: Date | null;
+}

package/dist/components/molecules/DateRange/DateRange.d.ts

@@ -0,0 +1,24 @@
+import { DateRangeProps, DateRangeValue, DateRangeTrigger } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<DateRangeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: DateRangeValue) => any;
+    "update:modelValue": (value: DateRangeValue) => any;
+}, string, PublicProps, Readonly<DateRangeProps> & Readonly<{
+    onChange?: ((value: DateRangeValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateRangeValue) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    modelValue: DateRangeValue | null;
+    teleport: boolean;
+    state: "default" | "valid" | "error";
+    readonly: boolean;
+    language: "fr" | "en";
+    format: string;
+    clearable: boolean;
+    trigger: DateRangeTrigger;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    menuRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/DateRange/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateRange } from './DateRange';
+export type { DateRangeProps, DateRangeValue, DateRangeTrigger } from './types';

package/dist/components/molecules/DateRange/types.d.ts

@@ -0,0 +1,30 @@
+export interface DateRangeValue {
+    start: Date | null;
+    end: Date | null;
+}
+export type DateRangeTrigger = 'dual' | 'single';
+export interface DateRangeProps {
+    modelValue?: DateRangeValue | null;
+    /** 'dual' = two side-by-side inputs (default); 'single' = one input showing the full range */
+    trigger?: DateRangeTrigger;
+    /** Used when trigger='single' */
+    label?: string;
+    /** Used when trigger='single' */
+    placeholder?: string;
+    labelStart?: string;
+    labelEnd?: string;
+    required?: boolean;
+    placeholderStart?: string;
+    placeholderEnd?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    state?: 'default' | 'valid' | 'error';
+    message?: string;
+    size?: 'small' | 'medium' | 'large';
+    format?: string;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    teleport?: boolean;
+    language?: 'fr' | 'en';
+}

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

@@ -1,7 +1,7 @@
 export { BottomSheet } from './BottomSheet';
 export type { BottomSheetChangeReason, BottomSheetProps } from './BottomSheet/types';
 export { DatePicker } from './DatePicker';
-export type { DatePickerProps } from './DatePicker/types';
+export type { DatePickerProps, CalendarDay, CalendarGridProps, CalendarHeaderProps } from './DatePicker/types';
 export { DropDown } from './DropDown';
 export { DropFilter } from './DropFilter';
 export { FeedbackState } from './FeedbackState';
@@ -68,3 +68,5 @@ export { GrantSelect, type GrantSelectItemProps, GrantSelectTree } from './Grant
 export { CartStepper, type CartStepperProps, type CartStepperStep } from './CartStepper';
 export { CartPreviewItem } from './CartPreviewItem';
 export type { CartPreviewItemProps } from './CartPreviewItem';
+export { DateRange } from './DateRange';
+export type { DateRangeProps, DateRangeValue, DateRangeTrigger } from './DateRange';

package/dist/index.d.ts

@@ -32,7 +32,7 @@ export type { Icon3DProps } from './components/atoms/Icon3D/types';
 export type { SeparatorProps } from './components/atoms/Separator/types';
 export type { BottomSheetChangeReason, BottomSheetProps } from './components/molecules/BottomSheet/types';
 export type { CounterButtonsProps } from './components/molecules/CounterButtons/types';
-export type { DatePickerProps } from './components/molecules/DatePicker/types';
+export type { DatePickerProps, CalendarDay, CalendarGridProps, CalendarHeaderProps } from './components/molecules/DatePicker/types';
 export type { DropDownOption, DropDownProps } from './components/molecules/DropDown/types';
 export type { ErrorStateProps, FeedbackStateProps } from './components/molecules/FeedbackState/types';
 export type { FilterChipProps } from './components/molecules/FilterChip/types';
@@ -74,7 +74,7 @@ export type { TromboItemProps } from './components/molecules/TromboItem/types';
 export type { CountryDropDownProps } from './components/molecules/CountryDropDown/types';
 export type { GrantSelectItemProps } from './components/molecules/GrantSelect/types';
 export type { CartStepperProps, CartStepperStep } from './components/molecules/CartStepper/types';
-export type { CartPreviewItemProps } from './components/molecules/CartPreviewItem/types';
+export type { DateRangeProps, DateRangeValue, DateRangeTrigger } from './components/molecules/DateRange/types';
 export { TromboItem, TromboItemEmptyState } from './components/molecules/TromboItem';
 export type { AuthLayoutProps } from './components/layouts/AuthLayout/types';
 export type { MfePageProps, ShyHeaderMode } from './components/layouts/MfePage/types';
@@ -98,7 +98,8 @@ export type { ProductRecapProps } from './components/organisms/ProductRecap/type
 export type { OrderRecapProps, OrderRecapMessage } from './components/organisms/OrderRecap/types';
 export type { SummaryMetricCardProps } from './components/organisms/SummaryMetricCard/types';
 export type { AddressFormProps, AddressFormSchema, AddressFormSection } from './components/organisms/AddressForm/types';
-export type { CartPreviewProps, CartPreviewItemProps, CartPreviewPrice, CartPreviewPriceLine } from './components/organisms/CartPreview/types';
+export type { CartPreviewProps, CartPreviewPrice, CartPreviewPriceLine } from './components/organisms/CartPreview/types';
+export type { CartPreviewItemProps } from './components/molecules/CartPreviewItem/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
 export type { LoaderProps } from './components/templates/Loader/types';