shadcn-ui-react 0.7.16 → 0.7.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10345 -5786
- package/dist/index.d.cts +793 -13
- package/dist/index.d.ts +793 -13
- package/dist/index.js +10504 -5931
- package/dist/style.css +356 -45
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
21
21
|
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
22
22
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
23
23
|
import { FieldValues, FieldPath, RegisterOptions, FieldError, UseFormReturn, SubmitHandler, SubmitErrorHandler, Control, FieldPathValue } from 'react-hook-form';
|
|
24
|
+
import { Locale } from 'date-fns';
|
|
24
25
|
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
25
26
|
import { LucideProps } from 'lucide-react';
|
|
26
27
|
import * as input_otp from 'input-otp';
|
|
@@ -107,9 +108,13 @@ declare const BreadcrumbEllipsis: {
|
|
|
107
108
|
|
|
108
109
|
declare const buttonVariants: (props?: ({
|
|
109
110
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
110
|
-
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
111
|
+
size?: "default" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon" | "iconXs" | "iconSm" | "iconMd" | "iconLg" | "iconXl" | "icon2xl" | null | undefined;
|
|
111
112
|
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
112
113
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
|
+
type ButtonVariantProps = VariantProps$1<typeof buttonVariants>;
|
|
115
|
+
type ButtonVariant = ButtonVariantProps["variant"];
|
|
116
|
+
type ButtonSize = ButtonVariantProps["size"];
|
|
117
|
+
type ButtonRounded = ButtonVariantProps["rounded"];
|
|
113
118
|
type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps$1<typeof buttonVariants> & {
|
|
114
119
|
asChild?: boolean;
|
|
115
120
|
loading?: boolean;
|
|
@@ -117,7 +122,7 @@ type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProp
|
|
|
117
122
|
};
|
|
118
123
|
declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps$1<(props?: ({
|
|
119
124
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
120
|
-
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
125
|
+
size?: "default" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon" | "iconXs" | "iconSm" | "iconMd" | "iconLg" | "iconXl" | "icon2xl" | null | undefined;
|
|
121
126
|
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
122
127
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
123
128
|
asChild?: boolean;
|
|
@@ -177,7 +182,7 @@ declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
|
|
|
177
182
|
declare const CarouselItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
178
183
|
declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
179
184
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
180
|
-
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
185
|
+
size?: "default" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon" | "iconXs" | "iconSm" | "iconMd" | "iconLg" | "iconXl" | "icon2xl" | null | undefined;
|
|
181
186
|
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
182
187
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
183
188
|
asChild?: boolean;
|
|
@@ -186,7 +191,7 @@ declare const CarouselPrevious: React$1.ForwardRefExoticComponent<Omit<React$1.B
|
|
|
186
191
|
} & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
187
192
|
declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority.VariantProps<(props?: ({
|
|
188
193
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "success" | "warning" | "info" | "dark" | "light" | "soft" | "softDestructive" | "softSuccess" | "softWarning" | "softInfo" | "outlineDestructive" | "outlineSuccess" | "outlineWarning" | "outlineInfo" | "gradient" | "gradientSuccess" | "gradientWarning" | "gradientDanger" | "premium" | "glass" | "neon" | "dangerGhost" | "successGhost" | "warningGhost" | "infoGhost" | null | undefined;
|
|
189
|
-
size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | "iconSm" | "iconLg" | null | undefined;
|
|
194
|
+
size?: "default" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "icon" | "iconXs" | "iconSm" | "iconMd" | "iconLg" | "iconXl" | "icon2xl" | null | undefined;
|
|
190
195
|
rounded?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
|
|
191
196
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & {
|
|
192
197
|
asChild?: boolean;
|
|
@@ -422,7 +427,7 @@ type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName
|
|
|
422
427
|
name: TName;
|
|
423
428
|
};
|
|
424
429
|
declare const FormFieldContext: React$1.Context<FormFieldContextValue<FieldValues, string> | null>;
|
|
425
|
-
type FieldRules$
|
|
430
|
+
type FieldRules$2<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
426
431
|
declare function getErrorMessage(error?: FieldError): string | undefined;
|
|
427
432
|
declare function normalizeSearchText(value: React$1.ReactNode): string;
|
|
428
433
|
declare function getDefaultOptionValue<TItem>(item: TItem): string;
|
|
@@ -502,11 +507,11 @@ interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
|
|
|
502
507
|
}
|
|
503
508
|
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
504
509
|
|
|
505
|
-
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
510
|
+
type FieldRules$1<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
506
511
|
type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
507
512
|
name: TName;
|
|
508
513
|
control?: Control<TFieldValues>;
|
|
509
|
-
rules?: FieldRules<TFieldValues, TName>;
|
|
514
|
+
rules?: FieldRules$1<TFieldValues, TName>;
|
|
510
515
|
shouldUnregister?: boolean;
|
|
511
516
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
512
517
|
label?: React$1.ReactNode;
|
|
@@ -534,7 +539,7 @@ declare const FormField: {
|
|
|
534
539
|
type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
|
|
535
540
|
name: TName;
|
|
536
541
|
control?: Control<TFieldValues>;
|
|
537
|
-
rules?: FieldRules$
|
|
542
|
+
rules?: FieldRules$2<TFieldValues, TName>;
|
|
538
543
|
shouldUnregister?: boolean;
|
|
539
544
|
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
540
545
|
label?: React$1.ReactNode;
|
|
@@ -570,6 +575,734 @@ declare const FormSelect: {
|
|
|
570
575
|
displayName: string;
|
|
571
576
|
};
|
|
572
577
|
|
|
578
|
+
interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
|
|
579
|
+
size?: SizeProps;
|
|
580
|
+
customSize?: CustomSize;
|
|
581
|
+
variant?: VariantProps;
|
|
582
|
+
invalid?: boolean;
|
|
583
|
+
classNameDefault?: boolean;
|
|
584
|
+
placeholder?: string;
|
|
585
|
+
className?: string;
|
|
586
|
+
}
|
|
587
|
+
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
588
|
+
|
|
589
|
+
type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
|
|
590
|
+
type CustomFormTextareaProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
591
|
+
name: TName;
|
|
592
|
+
control?: Control<TFieldValues>;
|
|
593
|
+
rules?: FieldRules<TFieldValues, TName>;
|
|
594
|
+
shouldUnregister?: boolean;
|
|
595
|
+
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
596
|
+
label?: React$1.ReactNode;
|
|
597
|
+
requiredLabel?: boolean;
|
|
598
|
+
placeholder?: string;
|
|
599
|
+
size?: SizeProps;
|
|
600
|
+
customSize?: CustomSize;
|
|
601
|
+
variant?: VariantProps;
|
|
602
|
+
invalid?: boolean;
|
|
603
|
+
className?: string;
|
|
604
|
+
classNameDefault?: boolean;
|
|
605
|
+
itemClassName?: string;
|
|
606
|
+
labelClassName?: string;
|
|
607
|
+
messageClassName?: string;
|
|
608
|
+
requiredLabelClassName?: string;
|
|
609
|
+
onChange?: (value: string) => void;
|
|
610
|
+
} & Omit<TextareaProps, "name" | "defaultValue" | "size" | "value" | "onChange">;
|
|
611
|
+
declare const FormTextarea: {
|
|
612
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, itemClassName, labelClassName, messageClassName, requiredLabelClassName, variant, size, customSize, rules, shouldUnregister, defaultValue, invalid, onChange, ...textareaProps }: CustomFormTextareaProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
613
|
+
displayName: string;
|
|
614
|
+
};
|
|
615
|
+
|
|
616
|
+
declare const dateFormats: {
|
|
617
|
+
/**
|
|
618
|
+
* Localized short date.
|
|
619
|
+
* Example with en-US: 06/04/2026
|
|
620
|
+
*/
|
|
621
|
+
readonly short: "P";
|
|
622
|
+
/**
|
|
623
|
+
* Localized medium date.
|
|
624
|
+
* Example with en-US: Jun 4, 2026
|
|
625
|
+
*/
|
|
626
|
+
readonly medium: "PP";
|
|
627
|
+
/**
|
|
628
|
+
* Localized long date.
|
|
629
|
+
* Same as the default shadcn/date-fns demo format.
|
|
630
|
+
* Example with en-US: June 4th, 2026
|
|
631
|
+
*/
|
|
632
|
+
readonly long: "PPP";
|
|
633
|
+
/**
|
|
634
|
+
* Localized full date.
|
|
635
|
+
* Example with en-US: Thursday, June 4th, 2026
|
|
636
|
+
*/
|
|
637
|
+
readonly full: "PPPP";
|
|
638
|
+
/**
|
|
639
|
+
* Alias for the default shadcn/date-fns demo format.
|
|
640
|
+
* Example with en-US: June 4th, 2026
|
|
641
|
+
*/
|
|
642
|
+
readonly demo: "PPP";
|
|
643
|
+
/**
|
|
644
|
+
* ISO date format, recommended for APIs and databases.
|
|
645
|
+
* Example: 2026-06-04
|
|
646
|
+
*/
|
|
647
|
+
readonly iso: "yyyy-MM-dd";
|
|
648
|
+
/**
|
|
649
|
+
* ISO-like date and time format without timezone.
|
|
650
|
+
* Example: 2026-06-04T14:30:00
|
|
651
|
+
*/
|
|
652
|
+
readonly isoDateTime: "yyyy-MM-dd'T'HH:mm:ss";
|
|
653
|
+
/**
|
|
654
|
+
* ISO-like date and time format with timezone offset.
|
|
655
|
+
* Example: 2026-06-04T14:30:00-05:00
|
|
656
|
+
*/
|
|
657
|
+
readonly isoDateTimeWithZone: "yyyy-MM-dd'T'HH:mm:ssXXX";
|
|
658
|
+
/**
|
|
659
|
+
* SQL-style date and time format.
|
|
660
|
+
* Example: 2026-06-04 14:30:00
|
|
661
|
+
*/
|
|
662
|
+
readonly sqlDateTime: "yyyy-MM-dd HH:mm:ss";
|
|
663
|
+
/**
|
|
664
|
+
* Compact numeric date format.
|
|
665
|
+
* Example: 20260604
|
|
666
|
+
*/
|
|
667
|
+
readonly compact: "yyyyMMdd";
|
|
668
|
+
/**
|
|
669
|
+
* Compact numeric date and time format.
|
|
670
|
+
* Example: 20260604143000
|
|
671
|
+
*/
|
|
672
|
+
readonly compactDateTime: "yyyyMMddHHmmss";
|
|
673
|
+
/**
|
|
674
|
+
* Latin America date format.
|
|
675
|
+
* Example: 04/06/2026
|
|
676
|
+
*/
|
|
677
|
+
readonly latam: "dd/MM/yyyy";
|
|
678
|
+
/**
|
|
679
|
+
* United States date format.
|
|
680
|
+
* Example: 06/04/2026
|
|
681
|
+
*/
|
|
682
|
+
readonly us: "MM/dd/yyyy";
|
|
683
|
+
/**
|
|
684
|
+
* Year, month, and day with slashes.
|
|
685
|
+
* Example: 2026/06/04
|
|
686
|
+
*/
|
|
687
|
+
readonly ymdSlash: "yyyy/MM/dd";
|
|
688
|
+
/**
|
|
689
|
+
* Day, month, and year with slashes.
|
|
690
|
+
* Example: 04/06/2026
|
|
691
|
+
*/
|
|
692
|
+
readonly dmySlash: "dd/MM/yyyy";
|
|
693
|
+
/**
|
|
694
|
+
* Month, day, and year with slashes.
|
|
695
|
+
* Example: 06/04/2026
|
|
696
|
+
*/
|
|
697
|
+
readonly mdySlash: "MM/dd/yyyy";
|
|
698
|
+
/**
|
|
699
|
+
* Year, month, and day with dashes.
|
|
700
|
+
* Example: 2026-06-04
|
|
701
|
+
*/
|
|
702
|
+
readonly ymdDash: "yyyy-MM-dd";
|
|
703
|
+
/**
|
|
704
|
+
* Day, month, and year with dashes.
|
|
705
|
+
* Example: 04-06-2026
|
|
706
|
+
*/
|
|
707
|
+
readonly dmyDash: "dd-MM-yyyy";
|
|
708
|
+
/**
|
|
709
|
+
* Month, day, and year with dashes.
|
|
710
|
+
* Example: 06-04-2026
|
|
711
|
+
*/
|
|
712
|
+
readonly mdyDash: "MM-dd-yyyy";
|
|
713
|
+
/**
|
|
714
|
+
* Alias for day, month, and year with dashes.
|
|
715
|
+
* Example: 04-06-2026
|
|
716
|
+
*/
|
|
717
|
+
readonly dash: "dd-MM-yyyy";
|
|
718
|
+
/**
|
|
719
|
+
* Year, month, and day with dots.
|
|
720
|
+
* Example: 2026.06.04
|
|
721
|
+
*/
|
|
722
|
+
readonly ymdDot: "yyyy.MM.dd";
|
|
723
|
+
/**
|
|
724
|
+
* Day, month, and year with dots.
|
|
725
|
+
* Example: 04.06.2026
|
|
726
|
+
*/
|
|
727
|
+
readonly dmyDot: "dd.MM.yyyy";
|
|
728
|
+
/**
|
|
729
|
+
* Month, day, and year with dots.
|
|
730
|
+
* Example: 06.04.2026
|
|
731
|
+
*/
|
|
732
|
+
readonly mdyDot: "MM.dd.yyyy";
|
|
733
|
+
/**
|
|
734
|
+
* Alias for day, month, and year with dots.
|
|
735
|
+
* Example: 04.06.2026
|
|
736
|
+
*/
|
|
737
|
+
readonly dot: "dd.MM.yyyy";
|
|
738
|
+
/**
|
|
739
|
+
* Short year with slashes.
|
|
740
|
+
* Example: 04/06/26
|
|
741
|
+
*/
|
|
742
|
+
readonly shortYearSlash: "dd/MM/yy";
|
|
743
|
+
/**
|
|
744
|
+
* Short year with dashes.
|
|
745
|
+
* Example: 04-06-26
|
|
746
|
+
*/
|
|
747
|
+
readonly shortYearDash: "dd-MM-yy";
|
|
748
|
+
/**
|
|
749
|
+
* Short year with dots.
|
|
750
|
+
* Example: 04.06.26
|
|
751
|
+
*/
|
|
752
|
+
readonly shortYearDot: "dd.MM.yy";
|
|
753
|
+
/**
|
|
754
|
+
* Date with abbreviated month name.
|
|
755
|
+
* Example: 04 Jun 2026
|
|
756
|
+
*/
|
|
757
|
+
readonly shortMonth: "dd MMM yyyy";
|
|
758
|
+
/**
|
|
759
|
+
* Date with full month name.
|
|
760
|
+
* Example: 04 June 2026
|
|
761
|
+
*/
|
|
762
|
+
readonly longMonth: "dd MMMM yyyy";
|
|
763
|
+
/**
|
|
764
|
+
* Month name first with abbreviated month.
|
|
765
|
+
* Example: Jun 04, 2026
|
|
766
|
+
*/
|
|
767
|
+
readonly shortMonthFirst: "MMM dd, yyyy";
|
|
768
|
+
/**
|
|
769
|
+
* Month name first with full month.
|
|
770
|
+
* Example: June 04, 2026
|
|
771
|
+
*/
|
|
772
|
+
readonly longMonthFirst: "MMMM dd, yyyy";
|
|
773
|
+
/**
|
|
774
|
+
* Ordinal day with abbreviated month.
|
|
775
|
+
* Example: 4th Jun 2026
|
|
776
|
+
*/
|
|
777
|
+
readonly ordinalShortMonth: "do MMM yyyy";
|
|
778
|
+
/**
|
|
779
|
+
* Ordinal day with full month.
|
|
780
|
+
* Example: 4th June 2026
|
|
781
|
+
*/
|
|
782
|
+
readonly ordinalLongMonth: "do MMMM yyyy";
|
|
783
|
+
/**
|
|
784
|
+
* Month and year with abbreviated month.
|
|
785
|
+
* Example: Jun 2026
|
|
786
|
+
*/
|
|
787
|
+
readonly shortMonthYear: "MMM yyyy";
|
|
788
|
+
/**
|
|
789
|
+
* Month and year with full month.
|
|
790
|
+
* Example: June 2026
|
|
791
|
+
*/
|
|
792
|
+
readonly monthYear: "MMMM yyyy";
|
|
793
|
+
/**
|
|
794
|
+
* Numeric month and year.
|
|
795
|
+
* Example: 06/2026
|
|
796
|
+
*/
|
|
797
|
+
readonly numericMonthYear: "MM/yyyy";
|
|
798
|
+
/**
|
|
799
|
+
* Year and numeric month.
|
|
800
|
+
* Example: 2026-06
|
|
801
|
+
*/
|
|
802
|
+
readonly yearMonth: "yyyy-MM";
|
|
803
|
+
/**
|
|
804
|
+
* Full month only.
|
|
805
|
+
* Example: June
|
|
806
|
+
*/
|
|
807
|
+
readonly month: "MMMM";
|
|
808
|
+
/**
|
|
809
|
+
* Abbreviated month only.
|
|
810
|
+
* Example: Jun
|
|
811
|
+
*/
|
|
812
|
+
readonly monthShort: "MMM";
|
|
813
|
+
/**
|
|
814
|
+
* Numeric month only.
|
|
815
|
+
* Example: 06
|
|
816
|
+
*/
|
|
817
|
+
readonly monthNumber: "MM";
|
|
818
|
+
/**
|
|
819
|
+
* Numeric month only without leading zero.
|
|
820
|
+
* Example: 6
|
|
821
|
+
*/
|
|
822
|
+
readonly monthNumberPlain: "M";
|
|
823
|
+
/**
|
|
824
|
+
* Date with abbreviated weekday and month names.
|
|
825
|
+
* Example: Thu, 04 Jun 2026
|
|
826
|
+
*/
|
|
827
|
+
readonly weekdayShort: "EEE, dd MMM yyyy";
|
|
828
|
+
/**
|
|
829
|
+
* Date with full weekday and month names.
|
|
830
|
+
* Example: Thursday, 04 June 2026
|
|
831
|
+
*/
|
|
832
|
+
readonly weekdayLong: "EEEE, dd MMMM yyyy";
|
|
833
|
+
/**
|
|
834
|
+
* Full weekday with localized long date.
|
|
835
|
+
* Example: Thursday, June 4th, 2026
|
|
836
|
+
*/
|
|
837
|
+
readonly weekdayFullLocalized: "EEEE, PPP";
|
|
838
|
+
/**
|
|
839
|
+
* Abbreviated weekday only.
|
|
840
|
+
* Example: Thu
|
|
841
|
+
*/
|
|
842
|
+
readonly weekdayNameShort: "EEE";
|
|
843
|
+
/**
|
|
844
|
+
* Full weekday only.
|
|
845
|
+
* Example: Thursday
|
|
846
|
+
*/
|
|
847
|
+
readonly weekdayNameLong: "EEEE";
|
|
848
|
+
/**
|
|
849
|
+
* Numeric ISO day of week.
|
|
850
|
+
* Example: 4
|
|
851
|
+
*/
|
|
852
|
+
readonly weekdayNumber: "i";
|
|
853
|
+
/**
|
|
854
|
+
* Day of month with leading zero.
|
|
855
|
+
* Example: 04
|
|
856
|
+
*/
|
|
857
|
+
readonly day: "dd";
|
|
858
|
+
/**
|
|
859
|
+
* Day of month without leading zero.
|
|
860
|
+
* Example: 4
|
|
861
|
+
*/
|
|
862
|
+
readonly dayPlain: "d";
|
|
863
|
+
/**
|
|
864
|
+
* Ordinal day of month.
|
|
865
|
+
* Example: 4th
|
|
866
|
+
*/
|
|
867
|
+
readonly dayOrdinal: "do";
|
|
868
|
+
/**
|
|
869
|
+
* Day of year.
|
|
870
|
+
* Example: 155
|
|
871
|
+
*/
|
|
872
|
+
readonly dayOfYear: "D";
|
|
873
|
+
/**
|
|
874
|
+
* Full year.
|
|
875
|
+
* Example: 2026
|
|
876
|
+
*/
|
|
877
|
+
readonly year: "yyyy";
|
|
878
|
+
/**
|
|
879
|
+
* Short year.
|
|
880
|
+
* Example: 26
|
|
881
|
+
*/
|
|
882
|
+
readonly yearShort: "yy";
|
|
883
|
+
/**
|
|
884
|
+
* Time using 24-hour format.
|
|
885
|
+
* Example: 14:30
|
|
886
|
+
*/
|
|
887
|
+
readonly time24: "HH:mm";
|
|
888
|
+
/**
|
|
889
|
+
* Time using 24-hour format with seconds.
|
|
890
|
+
* Example: 14:30:45
|
|
891
|
+
*/
|
|
892
|
+
readonly time24Seconds: "HH:mm:ss";
|
|
893
|
+
/**
|
|
894
|
+
* Time using 12-hour format.
|
|
895
|
+
* Example: 02:30 PM
|
|
896
|
+
*/
|
|
897
|
+
readonly time12: "hh:mm a";
|
|
898
|
+
/**
|
|
899
|
+
* Time using 12-hour format with seconds.
|
|
900
|
+
* Example: 02:30:45 PM
|
|
901
|
+
*/
|
|
902
|
+
readonly time12Seconds: "hh:mm:ss a";
|
|
903
|
+
/**
|
|
904
|
+
* Localized short time.
|
|
905
|
+
* Example with en-US: 2:30 PM
|
|
906
|
+
*/
|
|
907
|
+
readonly timeLocalizedShort: "p";
|
|
908
|
+
/**
|
|
909
|
+
* Localized long time.
|
|
910
|
+
* Example with en-US: 2:30:45 PM
|
|
911
|
+
*/
|
|
912
|
+
readonly timeLocalizedLong: "pp";
|
|
913
|
+
/**
|
|
914
|
+
* Date and time using 24-hour format.
|
|
915
|
+
* Example: 04/06/2026 14:30
|
|
916
|
+
*/
|
|
917
|
+
readonly dateTime24: "dd/MM/yyyy HH:mm";
|
|
918
|
+
/**
|
|
919
|
+
* Date and time using 24-hour format with seconds.
|
|
920
|
+
* Example: 04/06/2026 14:30:45
|
|
921
|
+
*/
|
|
922
|
+
readonly dateTime24Seconds: "dd/MM/yyyy HH:mm:ss";
|
|
923
|
+
/**
|
|
924
|
+
* Date and time using 12-hour format.
|
|
925
|
+
* Example: 04/06/2026 02:30 PM
|
|
926
|
+
*/
|
|
927
|
+
readonly dateTime12: "dd/MM/yyyy hh:mm a";
|
|
928
|
+
/**
|
|
929
|
+
* Date and time using 12-hour format with seconds.
|
|
930
|
+
* Example: 04/06/2026 02:30:45 PM
|
|
931
|
+
*/
|
|
932
|
+
readonly dateTime12Seconds: "dd/MM/yyyy hh:mm:ss a";
|
|
933
|
+
/**
|
|
934
|
+
* Month name date and 24-hour time.
|
|
935
|
+
* Example: 04 June 2026 14:30
|
|
936
|
+
*/
|
|
937
|
+
readonly longDateTime24: "dd MMMM yyyy HH:mm";
|
|
938
|
+
/**
|
|
939
|
+
* Month name date and 12-hour time.
|
|
940
|
+
* Example: 04 June 2026 02:30 PM
|
|
941
|
+
*/
|
|
942
|
+
readonly longDateTime12: "dd MMMM yyyy hh:mm a";
|
|
943
|
+
/**
|
|
944
|
+
* Full weekday date and 24-hour time.
|
|
945
|
+
* Example: Thursday, 04 June 2026 14:30
|
|
946
|
+
*/
|
|
947
|
+
readonly weekdayDateTime24: "EEEE, dd MMMM yyyy HH:mm";
|
|
948
|
+
/**
|
|
949
|
+
* Full weekday date and 12-hour time.
|
|
950
|
+
* Example: Thursday, 04 June 2026 02:30 PM
|
|
951
|
+
*/
|
|
952
|
+
readonly weekdayDateTime12: "EEEE, dd MMMM yyyy hh:mm a";
|
|
953
|
+
/**
|
|
954
|
+
* Localized short date and time.
|
|
955
|
+
* Example with en-US: 06/04/2026, 2:30 PM
|
|
956
|
+
*/
|
|
957
|
+
readonly localizedDateTimeShort: "Pp";
|
|
958
|
+
/**
|
|
959
|
+
* Localized medium date and time.
|
|
960
|
+
* Example with en-US: Jun 4, 2026, 2:30 PM
|
|
961
|
+
*/
|
|
962
|
+
readonly localizedDateTimeMedium: "PPp";
|
|
963
|
+
/**
|
|
964
|
+
* Localized long date and time.
|
|
965
|
+
* Example with en-US: June 4th, 2026 at 2:30 PM
|
|
966
|
+
*/
|
|
967
|
+
readonly localizedDateTimeLong: "PPPp";
|
|
968
|
+
/**
|
|
969
|
+
* Localized full date and time.
|
|
970
|
+
* Example with en-US: Thursday, June 4th, 2026 at 2:30 PM
|
|
971
|
+
*/
|
|
972
|
+
readonly localizedDateTimeFull: "PPPPp";
|
|
973
|
+
/**
|
|
974
|
+
* Numeric quarter.
|
|
975
|
+
* Example: 2
|
|
976
|
+
*/
|
|
977
|
+
readonly quarter: "Q";
|
|
978
|
+
/**
|
|
979
|
+
* Ordinal quarter.
|
|
980
|
+
* Example: 2nd quarter
|
|
981
|
+
*/
|
|
982
|
+
readonly quarterOrdinal: "Qo 'quarter'";
|
|
983
|
+
/**
|
|
984
|
+
* Quarter and year.
|
|
985
|
+
* Example: Q2 2026
|
|
986
|
+
*/
|
|
987
|
+
readonly quarterYear: "'Q'Q yyyy";
|
|
988
|
+
/**
|
|
989
|
+
* Ordinal quarter and year.
|
|
990
|
+
* Example: 2nd quarter 2026
|
|
991
|
+
*/
|
|
992
|
+
readonly quarterOrdinalYear: "Qo 'quarter' yyyy";
|
|
993
|
+
};
|
|
994
|
+
type DateFormatKey = keyof typeof dateFormats;
|
|
995
|
+
type DateFormatValue = DateFormatKey | (string & {});
|
|
996
|
+
|
|
997
|
+
type DateValueMode = "date" | "string";
|
|
998
|
+
type DateInputValue$1 = Date | string | null | undefined;
|
|
999
|
+
type CustomFormDateProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
1000
|
+
name: TName;
|
|
1001
|
+
control?: Control<TFieldValues>;
|
|
1002
|
+
rules?: FieldRules$2<TFieldValues, TName>;
|
|
1003
|
+
shouldUnregister?: boolean;
|
|
1004
|
+
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
1005
|
+
label?: React$1.ReactNode;
|
|
1006
|
+
requiredLabel?: boolean;
|
|
1007
|
+
placeholder?: string;
|
|
1008
|
+
disabled?: boolean;
|
|
1009
|
+
invalid?: boolean;
|
|
1010
|
+
/**
|
|
1011
|
+
* Rango permitido.
|
|
1012
|
+
* Si es null o undefined, queda libre.
|
|
1013
|
+
*/
|
|
1014
|
+
start_date?: DateInputValue$1;
|
|
1015
|
+
end_date?: DateInputValue$1;
|
|
1016
|
+
/**
|
|
1017
|
+
* Alias opcional.
|
|
1018
|
+
*/
|
|
1019
|
+
startDate?: DateInputValue$1;
|
|
1020
|
+
endDate?: DateInputValue$1;
|
|
1021
|
+
/**
|
|
1022
|
+
* date: guarda Date.
|
|
1023
|
+
* string: guarda usando valueFormat.
|
|
1024
|
+
*/
|
|
1025
|
+
valueMode?: DateValueMode;
|
|
1026
|
+
dateFormat?: DateFormatValue;
|
|
1027
|
+
valueFormat?: DateFormatValue;
|
|
1028
|
+
formatPattern?: string;
|
|
1029
|
+
valueFormatPattern?: string;
|
|
1030
|
+
locale?: Locale | null;
|
|
1031
|
+
defaultMonth?: Date;
|
|
1032
|
+
onChange?: (date: Date | undefined) => void;
|
|
1033
|
+
onChangeValue?: (value: Date | string | null) => void;
|
|
1034
|
+
size?: SizeProps;
|
|
1035
|
+
customSize?: CustomSize;
|
|
1036
|
+
variant?: ButtonVariant;
|
|
1037
|
+
className?: string;
|
|
1038
|
+
itemClassName?: string;
|
|
1039
|
+
contentClassName?: string;
|
|
1040
|
+
labelClassName?: string;
|
|
1041
|
+
messageClassName?: string;
|
|
1042
|
+
requiredLabelClassName?: string;
|
|
1043
|
+
contentAlign?: "start" | "center" | "end";
|
|
1044
|
+
contentSideOffset?: number;
|
|
1045
|
+
};
|
|
1046
|
+
declare const FormDate: {
|
|
1047
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, label, requiredLabel, placeholder, disabled, invalid, start_date, end_date, startDate, endDate, valueMode, dateFormat, valueFormat, formatPattern, valueFormatPattern, locale, defaultMonth, onChange, onChangeValue, size, customSize, variant, className, itemClassName, contentClassName, labelClassName, messageClassName, requiredLabelClassName, contentAlign, contentSideOffset, }: CustomFormDateProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
1048
|
+
displayName: string;
|
|
1049
|
+
};
|
|
1050
|
+
|
|
1051
|
+
declare const timeFormats: {
|
|
1052
|
+
/**
|
|
1053
|
+
* Localized short time.
|
|
1054
|
+
* Example with en-US: 2:30 PM
|
|
1055
|
+
*/
|
|
1056
|
+
readonly short: "p";
|
|
1057
|
+
/**
|
|
1058
|
+
* Localized medium time.
|
|
1059
|
+
* Example with en-US: 2:30:45 PM
|
|
1060
|
+
*/
|
|
1061
|
+
readonly medium: "pp";
|
|
1062
|
+
/**
|
|
1063
|
+
* Localized long time.
|
|
1064
|
+
* Example with en-US: 2:30:45 PM GMT-5
|
|
1065
|
+
*/
|
|
1066
|
+
readonly long: "ppp";
|
|
1067
|
+
/**
|
|
1068
|
+
* Localized full time.
|
|
1069
|
+
* Example with en-US: 2:30:45 PM GMT-05:00
|
|
1070
|
+
*/
|
|
1071
|
+
readonly full: "pppp";
|
|
1072
|
+
/**
|
|
1073
|
+
* Default time picker format.
|
|
1074
|
+
* Example: 14:30
|
|
1075
|
+
*/
|
|
1076
|
+
readonly demo: "HH:mm";
|
|
1077
|
+
/**
|
|
1078
|
+
* Recommended format for APIs when seconds are not required.
|
|
1079
|
+
* Example: 14:30
|
|
1080
|
+
*/
|
|
1081
|
+
readonly api: "HH:mm";
|
|
1082
|
+
/**
|
|
1083
|
+
* Recommended database time format.
|
|
1084
|
+
* Example: 14:30:00
|
|
1085
|
+
*/
|
|
1086
|
+
readonly database: "HH:mm:ss";
|
|
1087
|
+
/**
|
|
1088
|
+
* HTML time input compatible format.
|
|
1089
|
+
* Example: 14:30
|
|
1090
|
+
*/
|
|
1091
|
+
readonly input: "HH:mm";
|
|
1092
|
+
/**
|
|
1093
|
+
* ISO-like time format without timezone.
|
|
1094
|
+
* Example: 14:30:00
|
|
1095
|
+
*/
|
|
1096
|
+
readonly iso: "HH:mm:ss";
|
|
1097
|
+
/**
|
|
1098
|
+
* ISO-like time format with milliseconds.
|
|
1099
|
+
* Example: 14:30:00.000
|
|
1100
|
+
*/
|
|
1101
|
+
readonly isoMilliseconds: "HH:mm:ss.SSS";
|
|
1102
|
+
/**
|
|
1103
|
+
* Time using 24-hour format.
|
|
1104
|
+
* Example: 14:30
|
|
1105
|
+
*/
|
|
1106
|
+
readonly time24: "HH:mm";
|
|
1107
|
+
/**
|
|
1108
|
+
* Time using 24-hour format with seconds.
|
|
1109
|
+
* Example: 14:30:45
|
|
1110
|
+
*/
|
|
1111
|
+
readonly time24Seconds: "HH:mm:ss";
|
|
1112
|
+
/**
|
|
1113
|
+
* Time using 24-hour format with milliseconds.
|
|
1114
|
+
* Example: 14:30:45.123
|
|
1115
|
+
*/
|
|
1116
|
+
readonly time24Milliseconds: "HH:mm:ss.SSS";
|
|
1117
|
+
/**
|
|
1118
|
+
* Hour only using 24-hour format with leading zero.
|
|
1119
|
+
* Example: 09
|
|
1120
|
+
*/
|
|
1121
|
+
readonly hour24: "HH";
|
|
1122
|
+
/**
|
|
1123
|
+
* Hour only using 24-hour format without leading zero.
|
|
1124
|
+
* Example: 9
|
|
1125
|
+
*/
|
|
1126
|
+
readonly hour24Plain: "H";
|
|
1127
|
+
/**
|
|
1128
|
+
* Hour and minutes using 24-hour format.
|
|
1129
|
+
* Example: 14:30
|
|
1130
|
+
*/
|
|
1131
|
+
readonly hourMinute24: "HH:mm";
|
|
1132
|
+
/**
|
|
1133
|
+
* Hour, minutes, and seconds using 24-hour format.
|
|
1134
|
+
* Example: 14:30:45
|
|
1135
|
+
*/
|
|
1136
|
+
readonly hourMinuteSecond24: "HH:mm:ss";
|
|
1137
|
+
/**
|
|
1138
|
+
* Time using 12-hour format.
|
|
1139
|
+
* Example: 02:30 PM
|
|
1140
|
+
*/
|
|
1141
|
+
readonly time12: "hh:mm a";
|
|
1142
|
+
/**
|
|
1143
|
+
* Time using 12-hour format with seconds.
|
|
1144
|
+
* Example: 02:30:45 PM
|
|
1145
|
+
*/
|
|
1146
|
+
readonly time12Seconds: "hh:mm:ss a";
|
|
1147
|
+
/**
|
|
1148
|
+
* Time using 12-hour format with milliseconds.
|
|
1149
|
+
* Example: 02:30:45.123 PM
|
|
1150
|
+
*/
|
|
1151
|
+
readonly time12Milliseconds: "hh:mm:ss.SSS a";
|
|
1152
|
+
/**
|
|
1153
|
+
* Hour only using 12-hour format with leading zero.
|
|
1154
|
+
* Example: 02 PM
|
|
1155
|
+
*/
|
|
1156
|
+
readonly hour12: "hh a";
|
|
1157
|
+
/**
|
|
1158
|
+
* Hour only using 12-hour format without leading zero.
|
|
1159
|
+
* Example: 2 PM
|
|
1160
|
+
*/
|
|
1161
|
+
readonly hour12Plain: "h a";
|
|
1162
|
+
/**
|
|
1163
|
+
* Hour and minutes using 12-hour format.
|
|
1164
|
+
* Example: 02:30 PM
|
|
1165
|
+
*/
|
|
1166
|
+
readonly hourMinute12: "hh:mm a";
|
|
1167
|
+
/**
|
|
1168
|
+
* Hour, minutes, and seconds using 12-hour format.
|
|
1169
|
+
* Example: 02:30:45 PM
|
|
1170
|
+
*/
|
|
1171
|
+
readonly hourMinuteSecond12: "hh:mm:ss a";
|
|
1172
|
+
/**
|
|
1173
|
+
* Compact 24-hour time without separator.
|
|
1174
|
+
* Example: 1430
|
|
1175
|
+
*/
|
|
1176
|
+
readonly compact: "HHmm";
|
|
1177
|
+
/**
|
|
1178
|
+
* Compact 24-hour time with seconds.
|
|
1179
|
+
* Example: 143045
|
|
1180
|
+
*/
|
|
1181
|
+
readonly compactSeconds: "HHmmss";
|
|
1182
|
+
/**
|
|
1183
|
+
* Minutes only.
|
|
1184
|
+
* Example: 30
|
|
1185
|
+
*/
|
|
1186
|
+
readonly minutes: "mm";
|
|
1187
|
+
/**
|
|
1188
|
+
* Seconds only.
|
|
1189
|
+
* Example: 45
|
|
1190
|
+
*/
|
|
1191
|
+
readonly seconds: "ss";
|
|
1192
|
+
/**
|
|
1193
|
+
* AM/PM marker.
|
|
1194
|
+
* Example: PM
|
|
1195
|
+
*/
|
|
1196
|
+
readonly period: "a";
|
|
1197
|
+
};
|
|
1198
|
+
type TimeFormatKey = keyof typeof timeFormats;
|
|
1199
|
+
type TimeFormatValue = TimeFormatKey | (string & {});
|
|
1200
|
+
|
|
1201
|
+
type UiTimeOption = {
|
|
1202
|
+
value: string;
|
|
1203
|
+
label?: React$1.ReactNode;
|
|
1204
|
+
disabled?: boolean;
|
|
1205
|
+
};
|
|
1206
|
+
type HourCycle$1 = "12" | "24";
|
|
1207
|
+
interface UiTimeProps {
|
|
1208
|
+
label?: React$1.ReactNode;
|
|
1209
|
+
placeholder?: string;
|
|
1210
|
+
value?: Date | string | null;
|
|
1211
|
+
onChange?: (date: Date | undefined) => void;
|
|
1212
|
+
onBlur?: () => void;
|
|
1213
|
+
disabled?: boolean;
|
|
1214
|
+
requiredLabel?: boolean;
|
|
1215
|
+
timeFormat?: TimeFormatValue;
|
|
1216
|
+
valueFormat?: TimeFormatValue;
|
|
1217
|
+
formatPattern?: string;
|
|
1218
|
+
valueFormatPattern?: string;
|
|
1219
|
+
locale?: Locale;
|
|
1220
|
+
/**
|
|
1221
|
+
* 1 = selector minuto por minuto.
|
|
1222
|
+
* 5, 10, 15, 30 también funcionan.
|
|
1223
|
+
*/
|
|
1224
|
+
minuteStep?: number;
|
|
1225
|
+
minTime?: string;
|
|
1226
|
+
maxTime?: string;
|
|
1227
|
+
/**
|
|
1228
|
+
* Si envías options, se renderiza como lista simple.
|
|
1229
|
+
* Para el picker tipo imagen, no mandes options.
|
|
1230
|
+
*/
|
|
1231
|
+
options?: UiTimeOption[];
|
|
1232
|
+
hourCycle?: HourCycle$1;
|
|
1233
|
+
className?: string;
|
|
1234
|
+
timeClassName?: string;
|
|
1235
|
+
labelClassName?: string;
|
|
1236
|
+
contentClassName?: string;
|
|
1237
|
+
optionClassName?: string;
|
|
1238
|
+
messageClassName?: string;
|
|
1239
|
+
requiredLabelClassName?: string;
|
|
1240
|
+
size?: SizeProps;
|
|
1241
|
+
customSize?: CustomSize;
|
|
1242
|
+
variant?: ButtonVariant;
|
|
1243
|
+
errorMessage?: string;
|
|
1244
|
+
invalid?: boolean;
|
|
1245
|
+
htmlFormItemId?: string;
|
|
1246
|
+
contentAlign?: "start" | "center" | "end";
|
|
1247
|
+
contentSideOffset?: number;
|
|
1248
|
+
}
|
|
1249
|
+
declare function UiTime({ label, placeholder, value, onChange, onBlur, disabled, requiredLabel, timeFormat, valueFormat, formatPattern, valueFormatPattern, locale, minuteStep, minTime, maxTime, options, hourCycle, className, timeClassName, labelClassName, contentClassName, optionClassName, messageClassName, requiredLabelClassName, size, customSize, variant, errorMessage, invalid, htmlFormItemId, contentAlign, contentSideOffset, }: UiTimeProps): react_jsx_runtime.JSX.Element;
|
|
1250
|
+
declare namespace UiTime {
|
|
1251
|
+
var displayName: string;
|
|
1252
|
+
}
|
|
1253
|
+
|
|
1254
|
+
type TimeValueMode = "date" | "string";
|
|
1255
|
+
type HourCycle = "12" | "24";
|
|
1256
|
+
type CustomFormTimeProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
|
|
1257
|
+
name: TName;
|
|
1258
|
+
control?: Control<TFieldValues>;
|
|
1259
|
+
rules?: FieldRules$2<TFieldValues, TName>;
|
|
1260
|
+
shouldUnregister?: boolean;
|
|
1261
|
+
defaultValue?: FieldPathValue<TFieldValues, TName>;
|
|
1262
|
+
label?: React$1.ReactNode;
|
|
1263
|
+
requiredLabel?: boolean;
|
|
1264
|
+
placeholder?: string;
|
|
1265
|
+
disabled?: boolean;
|
|
1266
|
+
invalid?: boolean;
|
|
1267
|
+
/**
|
|
1268
|
+
* date: guarda un Date.
|
|
1269
|
+
* string: guarda usando valueFormat.
|
|
1270
|
+
*/
|
|
1271
|
+
valueMode?: TimeValueMode;
|
|
1272
|
+
timeFormat?: TimeFormatValue;
|
|
1273
|
+
valueFormat?: TimeFormatValue;
|
|
1274
|
+
formatPattern?: string;
|
|
1275
|
+
valueFormatPattern?: string;
|
|
1276
|
+
locale?: Locale;
|
|
1277
|
+
minuteStep?: number;
|
|
1278
|
+
minTime?: string;
|
|
1279
|
+
maxTime?: string;
|
|
1280
|
+
options?: UiTimeOption[];
|
|
1281
|
+
/**
|
|
1282
|
+
* "12" = selector hora / minuto / AM-PM.
|
|
1283
|
+
* "24" = selector hora / minuto en formato 24H.
|
|
1284
|
+
*/
|
|
1285
|
+
hourCycle?: HourCycle;
|
|
1286
|
+
onChange?: (date: Date | undefined) => void;
|
|
1287
|
+
onChangeValue?: (value: Date | string | null) => void;
|
|
1288
|
+
size?: SizeProps;
|
|
1289
|
+
customSize?: CustomSize;
|
|
1290
|
+
variant?: ButtonVariant;
|
|
1291
|
+
className?: string;
|
|
1292
|
+
itemClassName?: string;
|
|
1293
|
+
contentClassName?: string;
|
|
1294
|
+
optionClassName?: string;
|
|
1295
|
+
labelClassName?: string;
|
|
1296
|
+
messageClassName?: string;
|
|
1297
|
+
requiredLabelClassName?: string;
|
|
1298
|
+
contentAlign?: "start" | "center" | "end";
|
|
1299
|
+
contentSideOffset?: number;
|
|
1300
|
+
};
|
|
1301
|
+
declare const FormTime: {
|
|
1302
|
+
<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, rules, shouldUnregister, defaultValue, label, requiredLabel, placeholder, disabled, invalid, valueMode, timeFormat, valueFormat, formatPattern, valueFormatPattern, locale, minuteStep, minTime, maxTime, options, hourCycle, onChange, onChangeValue, size, customSize, variant, className, itemClassName, contentClassName, optionClassName, labelClassName, messageClassName, requiredLabelClassName, contentAlign, contentSideOffset, }: CustomFormTimeProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
1303
|
+
displayName: string;
|
|
1304
|
+
};
|
|
1305
|
+
|
|
573
1306
|
declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
|
|
574
1307
|
declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
575
1308
|
declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -899,10 +1632,6 @@ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.Tab
|
|
|
899
1632
|
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
900
1633
|
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
901
1634
|
|
|
902
|
-
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
903
|
-
}
|
|
904
|
-
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
905
|
-
|
|
906
1635
|
declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
|
|
907
1636
|
declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
908
1637
|
declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps$1<(props?: ({
|
|
@@ -1044,6 +1773,57 @@ interface UiCheckboxProps extends CheckboxProps {
|
|
|
1044
1773
|
}
|
|
1045
1774
|
declare const UiCheckbox: React$1.ForwardRefExoticComponent<UiCheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1046
1775
|
|
|
1776
|
+
type DateInputValue = Date | string | null | undefined;
|
|
1777
|
+
interface UiDateProps {
|
|
1778
|
+
label?: React$1.ReactNode;
|
|
1779
|
+
placeholder?: string;
|
|
1780
|
+
value?: Date | string | null;
|
|
1781
|
+
defaultMonth?: Date;
|
|
1782
|
+
onChange?: (date: Date | undefined) => void;
|
|
1783
|
+
onBlur?: () => void;
|
|
1784
|
+
disabled?: boolean;
|
|
1785
|
+
requiredLabel?: boolean;
|
|
1786
|
+
start_date?: DateInputValue;
|
|
1787
|
+
end_date?: DateInputValue;
|
|
1788
|
+
startDate?: DateInputValue;
|
|
1789
|
+
endDate?: DateInputValue;
|
|
1790
|
+
dateFormat?: DateFormatValue;
|
|
1791
|
+
valueFormat?: DateFormatValue;
|
|
1792
|
+
formatPattern?: string;
|
|
1793
|
+
valueFormatPattern?: string;
|
|
1794
|
+
locale?: Locale | null;
|
|
1795
|
+
className?: string;
|
|
1796
|
+
dateClassName?: string;
|
|
1797
|
+
labelClassName?: string;
|
|
1798
|
+
contentClassName?: string;
|
|
1799
|
+
messageClassName?: string;
|
|
1800
|
+
requiredLabelClassName?: string;
|
|
1801
|
+
size?: SizeProps;
|
|
1802
|
+
customSize?: CustomSize;
|
|
1803
|
+
variant?: ButtonVariant;
|
|
1804
|
+
errorMessage?: string;
|
|
1805
|
+
invalid?: boolean;
|
|
1806
|
+
htmlFormItemId?: string;
|
|
1807
|
+
contentAlign?: "start" | "center" | "end";
|
|
1808
|
+
contentSideOffset?: number;
|
|
1809
|
+
}
|
|
1810
|
+
declare function UiDate({ label, placeholder, value, defaultMonth, onChange, onBlur, disabled, requiredLabel, start_date, end_date, startDate, endDate, dateFormat, valueFormat, formatPattern, valueFormatPattern, locale, className, dateClassName, labelClassName, contentClassName, messageClassName, requiredLabelClassName, size, customSize, variant, errorMessage, invalid, htmlFormItemId, contentAlign, contentSideOffset, }: UiDateProps): react_jsx_runtime.JSX.Element;
|
|
1811
|
+
declare namespace UiDate {
|
|
1812
|
+
var displayName: string;
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1815
|
+
interface UiTextareaProps extends Omit<TextareaProps, "id"> {
|
|
1816
|
+
label?: React$1.ReactNode;
|
|
1817
|
+
errorMessage?: string;
|
|
1818
|
+
htmlFormItemId?: string;
|
|
1819
|
+
requiredLabel?: boolean;
|
|
1820
|
+
requiredLabelClassName?: string;
|
|
1821
|
+
containerClassName?: string;
|
|
1822
|
+
labelClassName?: string;
|
|
1823
|
+
messageClassName?: string;
|
|
1824
|
+
}
|
|
1825
|
+
declare const UiTextarea: React$1.ForwardRefExoticComponent<UiTextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
1826
|
+
|
|
1047
1827
|
declare const useSidebar: () => {
|
|
1048
1828
|
isMinimized: boolean;
|
|
1049
1829
|
toggle: () => void;
|
|
@@ -1307,4 +2087,4 @@ declare function PaginationSection({ totalPosts, postsPerPage, currentPage, setC
|
|
|
1307
2087
|
|
|
1308
2088
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1309
2089
|
|
|
1310
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, type CheckboxRules, type CheckboxSize, type CheckboxVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomFormFieldProps, type CustomFormSelectProps, type CustomSize, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, type DataTableProps, DataTableSkeleton, type DataTableSlots, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, type DropzoneProps, type FieldRules$
|
|
2090
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertModal, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, type ButtonVariantProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, type CheckboxProps, type CheckboxRules, type CheckboxSize, type CheckboxVariant, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomFormDateProps, type CustomFormFieldProps, type CustomFormSelectProps, type CustomFormTextareaProps, type CustomFormTimeProps, type CustomSize, DATA_TABLE_TEMPLATES, DataTable, type DataTableAccent, type DataTableProps, DataTableSkeleton, type DataTableSlots, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, type DropzoneProps, type FieldRules$2 as FieldRules, FileUpload, type FileUploadProps, Form, FormCheckbox, type FormCheckboxProps, FormControl, FormDate, FormDescription, FormField, FormFieldContext, type FormFieldContextValue, type FormInputVariantProps, FormItem, FormItemContext, FormLabel, FormMessage, type FormProps, FormSelect, type FormSizeProps, FormTextarea, FormTime, type FormVariantProps, Heading, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, Icons, ImagePreview, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputProps, type InputVariant, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Modal, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageHead, type PageHeadProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNextLast, PaginationPrevious, PaginationPreviousLast, PaginationSection, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectOption, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarProvider, type SizeClasses, type SizeProps, Skeleton, Slider, ToasterSonner as SonnerToaster, type SonnerToasterProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToasterSonner, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UiCheckbox, type UiCheckboxProps, UiDate, type UiDateProps, UiInput, type UiInputProps, UiSelect, type UiSelectOption, type UiSelectProps, UiTextarea, type UiTextareaProps, UiTime, type UiTimeOption, type UiTimeProps, type VariantProps, badgeVariants, buttonVariants, cn, formCompositeControlBase, formCompositeControlErrorClass, formCompositeVariants, formControlBase, formControlErrorClass, formInputVariants, formSizeVariants, getDefaultOptionLabel, getDefaultOptionValue, getErrorMessage, getFormControlSizeClass, getFormSizeClasses, getNextEnabledIndex, iconButtonVariants, navigationMenuTriggerStyle, normalizeSearchText, reducer, toast, toggleVariants, useFormField, useSidebar, useToast, variants };
|