warqadui 0.0.299 → 0.0.301
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.d.mts +19 -6
- package/dist/index.d.ts +19 -6
- package/dist/index.js +145 -3
- package/dist/index.mjs +144 -2
- package/dist/styles.js +26 -0
- package/dist/styles.mjs +26 -0
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -287,7 +287,7 @@ type defaultStateT = {
|
|
|
287
287
|
};
|
|
288
288
|
declare const useModal: (initialState?: boolean) => UseModalReturn;
|
|
289
289
|
|
|
290
|
-
interface DateInputProps$
|
|
290
|
+
interface DateInputProps$2<T extends FieldValues> {
|
|
291
291
|
label?: string;
|
|
292
292
|
error?: string;
|
|
293
293
|
containerClassName?: string;
|
|
@@ -296,7 +296,7 @@ interface DateInputProps$1<T extends FieldValues> {
|
|
|
296
296
|
[key: string]: any;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
interface DateInputProps<T extends FieldValues> {
|
|
299
|
+
interface DateInputProps$1<T extends FieldValues> {
|
|
300
300
|
label?: string;
|
|
301
301
|
error?: string;
|
|
302
302
|
containerClassName?: string;
|
|
@@ -304,7 +304,7 @@ interface DateInputProps<T extends FieldValues> {
|
|
|
304
304
|
form?: UseFormReturn<T>;
|
|
305
305
|
[key: string]: any;
|
|
306
306
|
}
|
|
307
|
-
declare const DateInput: <T extends FieldValues>(props: DateInputProps<T> & {
|
|
307
|
+
declare const DateInput: <T extends FieldValues>(props: DateInputProps$1<T> & {
|
|
308
308
|
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
309
309
|
}) => React.ReactElement;
|
|
310
310
|
|
|
@@ -611,10 +611,10 @@ declare const Fields: {
|
|
|
611
611
|
SearchApiInput: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
612
612
|
SearchApiContent: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
613
613
|
SearchApiItem: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
614
|
-
DateInput: <T extends react_hook_form.FieldValues>(props: DateInputProps<T> & {
|
|
614
|
+
DateInput: <T extends react_hook_form.FieldValues>(props: DateInputProps$1<T> & {
|
|
615
615
|
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
616
616
|
}) => React.ReactElement;
|
|
617
|
-
MonthInput: <T extends react_hook_form.FieldValues>(props: DateInputProps$
|
|
617
|
+
MonthInput: <T extends react_hook_form.FieldValues>(props: DateInputProps$2<T> & {
|
|
618
618
|
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
619
619
|
}) => React.ReactElement;
|
|
620
620
|
};
|
|
@@ -2832,6 +2832,18 @@ interface SelectOption<T = string | number> {
|
|
|
2832
2832
|
badge?: string;
|
|
2833
2833
|
}
|
|
2834
2834
|
|
|
2835
|
+
interface DateInputProps<T extends FieldValues = any> extends BaseInputProps<T> {
|
|
2836
|
+
value?: any;
|
|
2837
|
+
onChange?: (dateString: string, date?: dayjs.Dayjs | null) => void;
|
|
2838
|
+
onBlur?: (e?: React__default.FocusEvent<HTMLInputElement>) => void;
|
|
2839
|
+
format?: string;
|
|
2840
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
2841
|
+
disabledDate?: (currentDate: dayjs.Dayjs) => boolean;
|
|
2842
|
+
allowClear?: boolean;
|
|
2843
|
+
showTime?: boolean | object;
|
|
2844
|
+
needConfirm?: boolean;
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2835
2847
|
interface SelectInputProps<T = string | number> extends BaseInputProps {
|
|
2836
2848
|
options: SelectOption<T>[];
|
|
2837
2849
|
value?: T;
|
|
@@ -2899,6 +2911,7 @@ declare const AntdFormInput: {
|
|
|
2899
2911
|
Number: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
2900
2912
|
Amount: React$1.ForwardRefExoticComponent<AmountInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
2901
2913
|
Select: React$1.ForwardRefExoticComponent<SelectInputProps<string | number> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2914
|
+
Date: React$1.ForwardRefExoticComponent<DateInputProps<any> & React$1.RefAttributes<any>>;
|
|
2902
2915
|
};
|
|
2903
2916
|
|
|
2904
|
-
export { AccountBalances, AccountFields, AccountForm, AccountReport, AccountStatements, type AccountType, Accounts, AdminProtectedRoute, AntdFormInput
|
|
2917
|
+
export { AccountBalances, AccountFields, AccountForm, AccountReport, AccountStatements, type AccountType, Accounts, AdminProtectedRoute, AntdFormInput, Badge, type BadgeProps, type BranchesContext, BrandField, BrandForm$1 as BrandForm, Branding, type BrandingProps, Brands, Breadcrumbs, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CargoIM, CargoIMReport, Categories, CategoryCard, CategoryField, CategoryForm$1 as CategoryForm, type CategoryItem, ClassicSpin, ClothendStockAdjustment, ClothendStockTransfer, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, type CreateBrandSchemaType, type CreateCategorySchemaType, type CreatePackSchemaType, type CreateProductSchemaType, type CreateWalletSchemaType, CurrencyTransactions, type CurrencyType$2 as CurrencyType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps$1 as DateInputProps, DateSalesReport, type DeleteFunction, Dgl, Dropdown, type DropdownItem, type DropdownProps, type EnumsConfig, ErrorPage, type ErrorPageProps, ExpenseAReport, ExpenseAccountReport, ExpenseAccountStatement as ExpenseAccountStatements, ExpenseForm$1 as ExpenseForm, type ExpenseSchemaType, Expenses, type FetchFunction, type FetchProps, Fields, Floors, Forex2Accounts, ForexAccountReport, ForexAccountStatements, ForexAccounts, ForexCurrencyAccountReport, ForexDubaiToChina, ForexDubaiToChinaForm, type ForexDubaiToChinaSchemaType, ForexExpenseForm, ForexExpenses, ForexExpensesReport, ForexTransactions, ForexTransferForm, type ForexTransferSchemaType, ForexTransfers, Guard, InAndOut, InfoGrid, Input, type InputProps, InvoiceManager, InvoiceManagerReport, ItemReport, JournalForm$2 as JournalForm, type JournalSchemaType, Journals$2 as Journals, Lease, LeaseAccountReport, LeaseAccountStatements, LeaseCollection, LeaseRentOverViewCard, LeaseRentOverviews, LinkUser, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Messages, Modal, type ModalProps, MoneyTransferForm, type MoneyTransferSchemaType, MoneyTransfers, type NavItem, type NavItems, type Option, OverlaySpin, _default as PackField, PackForm, type PackProductItemSchemaType, Packs, PageA4, PageHeader, PaymentForm$2 as PaymentForm, type PaymentSchemaType, Payments$2 as Payments, type PdfOptions, PhoneInput, type PhoneInputProps$1 as PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, Posts, ProductField, ProductForm$1 as ProductForm, ProductImage, ProductList, Products, ProfileAccount, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileTransactionReport, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProfitAndLossReport, ProtectedRoute, type PutFunction, RealestateAccountReport, RealEastateStatements as RealestateAccountStatements, RealEastateAccounts as RealestateAccounts, ResetPasswordPage, type Role, Sale2, SaleStockAdjustment, SaleStockForm, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, ShopendAccountReport, SimpleTable, type SimpleTableColumn, PosStockAdjustment as StockAdjustmentForm, StockLevel, PosStockTransfer as StockTransferForm, type StorageManager, type StoreConfig, type SummaryColumn, SummaryTable, type SummaryTableProps, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, Tickets, TodayForexTransaction, Transaction3, UnProtectedRoute, Units, type UseModalReturn, UserBranches, UserForm, UserProfile, UserUpdate, Users, Views, WalletAdjustmentForm, type WalletAdjustmentSchemaType, WalletAdjustments, WalletField, WalletForm, WalletOverView, WalletReport, WalletStatements, Wallets, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, type apiConfig, createAccountSchema, createBrandSchema, createCategorySchema, createPackSchema, createProductSchema, createUserSchema, type createUserSchemaType, createWalletSchema, expenseSchema, forexDubaiToChinaSchema, forexTransferSchema, generatePdf, journalSchema, linkUserSchema, type linkUserSchemaType, manageBranchSchema, type manageBranchSchemaType, moneyTransferSchema, packProductItemSchema, packTypes, paymentSchema, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, updateUserSchema, type updateUserSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useApp, useAuth, useAuthStore, useFirebaseStorage, useLogin, useModal, usePostView, useSearchApiContext, useSelectContext, useTheme, useTicketView, useTransaction, useWarqadConfig, useWarqadSocket, verifyUserEmailSchema, type verifyUserEmailSchemaType, walletAdjustmentSchema };
|
package/dist/index.d.ts
CHANGED
|
@@ -287,7 +287,7 @@ type defaultStateT = {
|
|
|
287
287
|
};
|
|
288
288
|
declare const useModal: (initialState?: boolean) => UseModalReturn;
|
|
289
289
|
|
|
290
|
-
interface DateInputProps$
|
|
290
|
+
interface DateInputProps$2<T extends FieldValues> {
|
|
291
291
|
label?: string;
|
|
292
292
|
error?: string;
|
|
293
293
|
containerClassName?: string;
|
|
@@ -296,7 +296,7 @@ interface DateInputProps$1<T extends FieldValues> {
|
|
|
296
296
|
[key: string]: any;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
interface DateInputProps<T extends FieldValues> {
|
|
299
|
+
interface DateInputProps$1<T extends FieldValues> {
|
|
300
300
|
label?: string;
|
|
301
301
|
error?: string;
|
|
302
302
|
containerClassName?: string;
|
|
@@ -304,7 +304,7 @@ interface DateInputProps<T extends FieldValues> {
|
|
|
304
304
|
form?: UseFormReturn<T>;
|
|
305
305
|
[key: string]: any;
|
|
306
306
|
}
|
|
307
|
-
declare const DateInput: <T extends FieldValues>(props: DateInputProps<T> & {
|
|
307
|
+
declare const DateInput: <T extends FieldValues>(props: DateInputProps$1<T> & {
|
|
308
308
|
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
309
309
|
}) => React.ReactElement;
|
|
310
310
|
|
|
@@ -611,10 +611,10 @@ declare const Fields: {
|
|
|
611
611
|
SearchApiInput: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
612
612
|
SearchApiContent: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
613
613
|
SearchApiItem: React$1.ForwardRefExoticComponent<Omit<any, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
614
|
-
DateInput: <T extends react_hook_form.FieldValues>(props: DateInputProps<T> & {
|
|
614
|
+
DateInput: <T extends react_hook_form.FieldValues>(props: DateInputProps$1<T> & {
|
|
615
615
|
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
616
616
|
}) => React.ReactElement;
|
|
617
|
-
MonthInput: <T extends react_hook_form.FieldValues>(props: DateInputProps$
|
|
617
|
+
MonthInput: <T extends react_hook_form.FieldValues>(props: DateInputProps$2<T> & {
|
|
618
618
|
ref?: React.ForwardedRef<HTMLInputElement>;
|
|
619
619
|
}) => React.ReactElement;
|
|
620
620
|
};
|
|
@@ -2832,6 +2832,18 @@ interface SelectOption<T = string | number> {
|
|
|
2832
2832
|
badge?: string;
|
|
2833
2833
|
}
|
|
2834
2834
|
|
|
2835
|
+
interface DateInputProps<T extends FieldValues = any> extends BaseInputProps<T> {
|
|
2836
|
+
value?: any;
|
|
2837
|
+
onChange?: (dateString: string, date?: dayjs.Dayjs | null) => void;
|
|
2838
|
+
onBlur?: (e?: React__default.FocusEvent<HTMLInputElement>) => void;
|
|
2839
|
+
format?: string;
|
|
2840
|
+
picker?: "date" | "week" | "month" | "quarter" | "year";
|
|
2841
|
+
disabledDate?: (currentDate: dayjs.Dayjs) => boolean;
|
|
2842
|
+
allowClear?: boolean;
|
|
2843
|
+
showTime?: boolean | object;
|
|
2844
|
+
needConfirm?: boolean;
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2835
2847
|
interface SelectInputProps<T = string | number> extends BaseInputProps {
|
|
2836
2848
|
options: SelectOption<T>[];
|
|
2837
2849
|
value?: T;
|
|
@@ -2899,6 +2911,7 @@ declare const AntdFormInput: {
|
|
|
2899
2911
|
Number: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
2900
2912
|
Amount: React$1.ForwardRefExoticComponent<AmountInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
2901
2913
|
Select: React$1.ForwardRefExoticComponent<SelectInputProps<string | number> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2914
|
+
Date: React$1.ForwardRefExoticComponent<DateInputProps<any> & React$1.RefAttributes<any>>;
|
|
2902
2915
|
};
|
|
2903
2916
|
|
|
2904
|
-
export { AccountBalances, AccountFields, AccountForm, AccountReport, AccountStatements, type AccountType, Accounts, AdminProtectedRoute, AntdFormInput
|
|
2917
|
+
export { AccountBalances, AccountFields, AccountForm, AccountReport, AccountStatements, type AccountType, Accounts, AdminProtectedRoute, AntdFormInput, Badge, type BadgeProps, type BranchesContext, BrandField, BrandForm$1 as BrandForm, Branding, type BrandingProps, Brands, Breadcrumbs, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CargoIM, CargoIMReport, Categories, CategoryCard, CategoryField, CategoryForm$1 as CategoryForm, type CategoryItem, ClassicSpin, ClothendStockAdjustment, ClothendStockTransfer, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, type CreateBrandSchemaType, type CreateCategorySchemaType, type CreatePackSchemaType, type CreateProductSchemaType, type CreateWalletSchemaType, CurrencyTransactions, type CurrencyType$2 as CurrencyType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps$1 as DateInputProps, DateSalesReport, type DeleteFunction, Dgl, Dropdown, type DropdownItem, type DropdownProps, type EnumsConfig, ErrorPage, type ErrorPageProps, ExpenseAReport, ExpenseAccountReport, ExpenseAccountStatement as ExpenseAccountStatements, ExpenseForm$1 as ExpenseForm, type ExpenseSchemaType, Expenses, type FetchFunction, type FetchProps, Fields, Floors, Forex2Accounts, ForexAccountReport, ForexAccountStatements, ForexAccounts, ForexCurrencyAccountReport, ForexDubaiToChina, ForexDubaiToChinaForm, type ForexDubaiToChinaSchemaType, ForexExpenseForm, ForexExpenses, ForexExpensesReport, ForexTransactions, ForexTransferForm, type ForexTransferSchemaType, ForexTransfers, Guard, InAndOut, InfoGrid, Input, type InputProps, InvoiceManager, InvoiceManagerReport, ItemReport, JournalForm$2 as JournalForm, type JournalSchemaType, Journals$2 as Journals, Lease, LeaseAccountReport, LeaseAccountStatements, LeaseCollection, LeaseRentOverViewCard, LeaseRentOverviews, LinkUser, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Messages, Modal, type ModalProps, MoneyTransferForm, type MoneyTransferSchemaType, MoneyTransfers, type NavItem, type NavItems, type Option, OverlaySpin, _default as PackField, PackForm, type PackProductItemSchemaType, Packs, PageA4, PageHeader, PaymentForm$2 as PaymentForm, type PaymentSchemaType, Payments$2 as Payments, type PdfOptions, PhoneInput, type PhoneInputProps$1 as PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, Posts, ProductField, ProductForm$1 as ProductForm, ProductImage, ProductList, Products, ProfileAccount, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileTransactionReport, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProfitAndLossReport, ProtectedRoute, type PutFunction, RealestateAccountReport, RealEastateStatements as RealestateAccountStatements, RealEastateAccounts as RealestateAccounts, ResetPasswordPage, type Role, Sale2, SaleStockAdjustment, SaleStockForm, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, ShopendAccountReport, SimpleTable, type SimpleTableColumn, PosStockAdjustment as StockAdjustmentForm, StockLevel, PosStockTransfer as StockTransferForm, type StorageManager, type StoreConfig, type SummaryColumn, SummaryTable, type SummaryTableProps, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, Tickets, TodayForexTransaction, Transaction3, UnProtectedRoute, Units, type UseModalReturn, UserBranches, UserForm, UserProfile, UserUpdate, Users, Views, WalletAdjustmentForm, type WalletAdjustmentSchemaType, WalletAdjustments, WalletField, WalletForm, WalletOverView, WalletReport, WalletStatements, Wallets, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, type apiConfig, createAccountSchema, createBrandSchema, createCategorySchema, createPackSchema, createProductSchema, createUserSchema, type createUserSchemaType, createWalletSchema, expenseSchema, forexDubaiToChinaSchema, forexTransferSchema, generatePdf, journalSchema, linkUserSchema, type linkUserSchemaType, manageBranchSchema, type manageBranchSchemaType, moneyTransferSchema, packProductItemSchema, packTypes, paymentSchema, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, updateUserSchema, type updateUserSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useApp, useAuth, useAuthStore, useFirebaseStorage, useLogin, useModal, usePostView, useSearchApiContext, useSelectContext, useTheme, useTicketView, useTransaction, useWarqadConfig, useWarqadSocket, verifyUserEmailSchema, type verifyUserEmailSchemaType, walletAdjustmentSchema };
|
package/dist/index.js
CHANGED
|
@@ -37,7 +37,7 @@ __export(index_exports, {
|
|
|
37
37
|
AccountStatements: () => Statements_default,
|
|
38
38
|
Accounts: () => Accounts_default,
|
|
39
39
|
AdminProtectedRoute: () => AdminProtectedRoute,
|
|
40
|
-
|
|
40
|
+
AntdFormInput: () => inputs_default,
|
|
41
41
|
Badge: () => Badge,
|
|
42
42
|
BrandField: () => Feilds_default3,
|
|
43
43
|
BrandForm: () => BrandForm_default,
|
|
@@ -52508,6 +52508,147 @@ var SelectInput = (0, import_react179.forwardRef)(
|
|
|
52508
52508
|
);
|
|
52509
52509
|
SelectInput.displayName = "SelectInput";
|
|
52510
52510
|
|
|
52511
|
+
// src/Antd/inputs/Date.tsx
|
|
52512
|
+
var import_react180 = require("react");
|
|
52513
|
+
var import_antd106 = require("antd");
|
|
52514
|
+
var import_dayjs15 = __toESM(require("dayjs"));
|
|
52515
|
+
var import_customParseFormat3 = __toESM(require("dayjs/plugin/customParseFormat"));
|
|
52516
|
+
var import_lucide_react137 = require("lucide-react");
|
|
52517
|
+
var import_react_hook_form86 = require("react-hook-form");
|
|
52518
|
+
var import_jsx_runtime288 = require("react/jsx-runtime");
|
|
52519
|
+
import_dayjs15.default.extend(import_customParseFormat3.default);
|
|
52520
|
+
var DateInput2 = (0, import_react180.forwardRef)(
|
|
52521
|
+
({
|
|
52522
|
+
label,
|
|
52523
|
+
id,
|
|
52524
|
+
name,
|
|
52525
|
+
methods,
|
|
52526
|
+
form,
|
|
52527
|
+
required,
|
|
52528
|
+
disabled,
|
|
52529
|
+
readOnly,
|
|
52530
|
+
error,
|
|
52531
|
+
hint,
|
|
52532
|
+
topRight,
|
|
52533
|
+
icon,
|
|
52534
|
+
rightIcon,
|
|
52535
|
+
placeholder = "DD/MM/YYYY",
|
|
52536
|
+
className = "",
|
|
52537
|
+
inputClassName = "",
|
|
52538
|
+
containerClassName = "",
|
|
52539
|
+
size = "md",
|
|
52540
|
+
format = "DD/MM/YYYY",
|
|
52541
|
+
value,
|
|
52542
|
+
onChange,
|
|
52543
|
+
onBlur,
|
|
52544
|
+
allowClear = true,
|
|
52545
|
+
needConfirm = false,
|
|
52546
|
+
picker = "date",
|
|
52547
|
+
disabledDate,
|
|
52548
|
+
showTime,
|
|
52549
|
+
...rest
|
|
52550
|
+
}, ref2) => {
|
|
52551
|
+
const activeForm = useFormInstance(methods, form);
|
|
52552
|
+
const inputId = id || name || (label ? String(label).toLowerCase().replace(/\s+/g, "-") : void 0);
|
|
52553
|
+
const errorMessage = getFormFieldError(name, activeForm, error);
|
|
52554
|
+
const hasError = Boolean(errorMessage);
|
|
52555
|
+
const sizeHeightClass = size === "sm" ? "h-8 text-xs" : size === "lg" ? "h-12 text-sm" : "h-10 text-xs";
|
|
52556
|
+
const normalizeToDayjs = (val) => {
|
|
52557
|
+
if (!val) return null;
|
|
52558
|
+
if (import_dayjs15.default.isDayjs(val)) return val;
|
|
52559
|
+
if (typeof val === "string") {
|
|
52560
|
+
const parsed = (0, import_dayjs15.default)(val, format, true);
|
|
52561
|
+
if (parsed.isValid()) return parsed;
|
|
52562
|
+
const fallback = (0, import_dayjs15.default)(val);
|
|
52563
|
+
return fallback.isValid() ? fallback : null;
|
|
52564
|
+
}
|
|
52565
|
+
if (val instanceof Date) return (0, import_dayjs15.default)(val);
|
|
52566
|
+
return null;
|
|
52567
|
+
};
|
|
52568
|
+
const renderDatePicker = (pickerRef, currentValue, onValueChange, onInputBlur) => {
|
|
52569
|
+
const dateValue = normalizeToDayjs(currentValue);
|
|
52570
|
+
const calendarIcon = icon || rightIcon || /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(import_lucide_react137.Calendar, { size: 15, className: "text-zinc-400" });
|
|
52571
|
+
const pickerStyles = `w-full rounded-xl border transition-all ${sizeHeightClass} ${icon ? "pl-9" : "pl-3"} pr-3 ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 [&.ant-picker-focused]:border-rose-500 [&.ant-picker-focused]:ring-2 [&.ant-picker-focused]:ring-rose-500/20" : "border-zinc-200 dark:border-zinc-700 bg-zinc-50/50 dark:bg-zinc-800/60 text-zinc-900 dark:text-zinc-100 hover:border-zinc-300 dark:hover:border-zinc-600 [&.ant-picker-focused]:border-emerald-500 [&.ant-picker-focused]:ring-2 [&.ant-picker-focused]:ring-emerald-500/20 [&.ant-picker-focused]:bg-white dark:[&.ant-picker-focused]:bg-zinc-900"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} [&>input]:text-zinc-900! dark:[&>input]:text-zinc-100! [&>input]:placeholder:text-zinc-400! dark:[&>input]:placeholder:text-zinc-500! [&>input]:text-xs ${inputClassName}`;
|
|
52572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
|
|
52573
|
+
FormField_default,
|
|
52574
|
+
{
|
|
52575
|
+
label,
|
|
52576
|
+
id: inputId,
|
|
52577
|
+
required,
|
|
52578
|
+
error: errorMessage,
|
|
52579
|
+
hint,
|
|
52580
|
+
topRight,
|
|
52581
|
+
className,
|
|
52582
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime288.jsxs)("div", { className: `relative flex items-center ${containerClassName}`, children: [
|
|
52583
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime288.jsx)("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-zinc-400 z-10", children: icon }),
|
|
52584
|
+
/* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
|
|
52585
|
+
import_antd106.DatePicker,
|
|
52586
|
+
{
|
|
52587
|
+
ref: pickerRef || ref2,
|
|
52588
|
+
id: inputId,
|
|
52589
|
+
format,
|
|
52590
|
+
picker,
|
|
52591
|
+
disabled,
|
|
52592
|
+
placeholder,
|
|
52593
|
+
value: dateValue?.isValid() ? dateValue : null,
|
|
52594
|
+
onChange: (date) => {
|
|
52595
|
+
const formattedStr = date ? date.format(format) : "";
|
|
52596
|
+
onValueChange(formattedStr, date);
|
|
52597
|
+
},
|
|
52598
|
+
onBlur: (e) => {
|
|
52599
|
+
onInputBlur?.();
|
|
52600
|
+
onBlur?.(e);
|
|
52601
|
+
},
|
|
52602
|
+
disabledDate,
|
|
52603
|
+
showTime,
|
|
52604
|
+
allowClear,
|
|
52605
|
+
needConfirm,
|
|
52606
|
+
className: pickerStyles,
|
|
52607
|
+
classNames: { popup: { root: "z-50" } },
|
|
52608
|
+
suffixIcon: icon ? void 0 : calendarIcon,
|
|
52609
|
+
...rest
|
|
52610
|
+
}
|
|
52611
|
+
)
|
|
52612
|
+
] })
|
|
52613
|
+
}
|
|
52614
|
+
);
|
|
52615
|
+
};
|
|
52616
|
+
if (activeForm && name) {
|
|
52617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime288.jsx)(
|
|
52618
|
+
import_react_hook_form86.Controller,
|
|
52619
|
+
{
|
|
52620
|
+
control: activeForm.control,
|
|
52621
|
+
name,
|
|
52622
|
+
render: ({
|
|
52623
|
+
field: {
|
|
52624
|
+
onChange: fieldOnChange,
|
|
52625
|
+
value: fieldValue,
|
|
52626
|
+
ref: fieldRef,
|
|
52627
|
+
onBlur: fieldOnBlur
|
|
52628
|
+
}
|
|
52629
|
+
}) => renderDatePicker(
|
|
52630
|
+
fieldRef,
|
|
52631
|
+
fieldValue !== void 0 ? fieldValue : value !== void 0 ? value : "",
|
|
52632
|
+
(formattedStr, dateObj) => {
|
|
52633
|
+
fieldOnChange(formattedStr);
|
|
52634
|
+
onChange?.(formattedStr, dateObj);
|
|
52635
|
+
},
|
|
52636
|
+
fieldOnBlur
|
|
52637
|
+
)
|
|
52638
|
+
}
|
|
52639
|
+
);
|
|
52640
|
+
}
|
|
52641
|
+
return renderDatePicker(
|
|
52642
|
+
ref2,
|
|
52643
|
+
value !== void 0 ? value : "",
|
|
52644
|
+
(formattedStr, dateObj) => {
|
|
52645
|
+
onChange?.(formattedStr, dateObj);
|
|
52646
|
+
}
|
|
52647
|
+
);
|
|
52648
|
+
}
|
|
52649
|
+
);
|
|
52650
|
+
DateInput2.displayName = "DateInput";
|
|
52651
|
+
|
|
52511
52652
|
// src/Antd/inputs/countryData.ts
|
|
52512
52653
|
var COUNTRIES = [
|
|
52513
52654
|
// Primary / Regional (East Africa & Horn of Africa)
|
|
@@ -52954,7 +53095,8 @@ var AntdFormInput = {
|
|
|
52954
53095
|
Phone: PhoneInput2,
|
|
52955
53096
|
Number: NumberInput,
|
|
52956
53097
|
Amount: AmountInput,
|
|
52957
|
-
Select: SelectInput
|
|
53098
|
+
Select: SelectInput,
|
|
53099
|
+
Date: DateInput2
|
|
52958
53100
|
};
|
|
52959
53101
|
var inputs_default = AntdFormInput;
|
|
52960
53102
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -52966,7 +53108,7 @@ var inputs_default = AntdFormInput;
|
|
|
52966
53108
|
AccountStatements,
|
|
52967
53109
|
Accounts,
|
|
52968
53110
|
AdminProtectedRoute,
|
|
52969
|
-
|
|
53111
|
+
AntdFormInput,
|
|
52970
53112
|
Badge,
|
|
52971
53113
|
BrandField,
|
|
52972
53114
|
BrandForm,
|
package/dist/index.mjs
CHANGED
|
@@ -52734,6 +52734,147 @@ var SelectInput = forwardRef15(
|
|
|
52734
52734
|
);
|
|
52735
52735
|
SelectInput.displayName = "SelectInput";
|
|
52736
52736
|
|
|
52737
|
+
// src/Antd/inputs/Date.tsx
|
|
52738
|
+
import { forwardRef as forwardRef16 } from "react";
|
|
52739
|
+
import { DatePicker as DatePicker11 } from "antd";
|
|
52740
|
+
import dayjs15 from "dayjs";
|
|
52741
|
+
import customParseFormat3 from "dayjs/plugin/customParseFormat";
|
|
52742
|
+
import { Calendar as Calendar24 } from "lucide-react";
|
|
52743
|
+
import { Controller as Controller12 } from "react-hook-form";
|
|
52744
|
+
import { jsx as jsx288, jsxs as jsxs256 } from "react/jsx-runtime";
|
|
52745
|
+
dayjs15.extend(customParseFormat3);
|
|
52746
|
+
var DateInput2 = forwardRef16(
|
|
52747
|
+
({
|
|
52748
|
+
label,
|
|
52749
|
+
id,
|
|
52750
|
+
name,
|
|
52751
|
+
methods,
|
|
52752
|
+
form,
|
|
52753
|
+
required,
|
|
52754
|
+
disabled,
|
|
52755
|
+
readOnly,
|
|
52756
|
+
error,
|
|
52757
|
+
hint,
|
|
52758
|
+
topRight,
|
|
52759
|
+
icon,
|
|
52760
|
+
rightIcon,
|
|
52761
|
+
placeholder = "DD/MM/YYYY",
|
|
52762
|
+
className = "",
|
|
52763
|
+
inputClassName = "",
|
|
52764
|
+
containerClassName = "",
|
|
52765
|
+
size = "md",
|
|
52766
|
+
format = "DD/MM/YYYY",
|
|
52767
|
+
value,
|
|
52768
|
+
onChange,
|
|
52769
|
+
onBlur,
|
|
52770
|
+
allowClear = true,
|
|
52771
|
+
needConfirm = false,
|
|
52772
|
+
picker = "date",
|
|
52773
|
+
disabledDate,
|
|
52774
|
+
showTime,
|
|
52775
|
+
...rest
|
|
52776
|
+
}, ref2) => {
|
|
52777
|
+
const activeForm = useFormInstance(methods, form);
|
|
52778
|
+
const inputId = id || name || (label ? String(label).toLowerCase().replace(/\s+/g, "-") : void 0);
|
|
52779
|
+
const errorMessage = getFormFieldError(name, activeForm, error);
|
|
52780
|
+
const hasError = Boolean(errorMessage);
|
|
52781
|
+
const sizeHeightClass = size === "sm" ? "h-8 text-xs" : size === "lg" ? "h-12 text-sm" : "h-10 text-xs";
|
|
52782
|
+
const normalizeToDayjs = (val) => {
|
|
52783
|
+
if (!val) return null;
|
|
52784
|
+
if (dayjs15.isDayjs(val)) return val;
|
|
52785
|
+
if (typeof val === "string") {
|
|
52786
|
+
const parsed = dayjs15(val, format, true);
|
|
52787
|
+
if (parsed.isValid()) return parsed;
|
|
52788
|
+
const fallback = dayjs15(val);
|
|
52789
|
+
return fallback.isValid() ? fallback : null;
|
|
52790
|
+
}
|
|
52791
|
+
if (val instanceof Date) return dayjs15(val);
|
|
52792
|
+
return null;
|
|
52793
|
+
};
|
|
52794
|
+
const renderDatePicker = (pickerRef, currentValue, onValueChange, onInputBlur) => {
|
|
52795
|
+
const dateValue = normalizeToDayjs(currentValue);
|
|
52796
|
+
const calendarIcon = icon || rightIcon || /* @__PURE__ */ jsx288(Calendar24, { size: 15, className: "text-zinc-400" });
|
|
52797
|
+
const pickerStyles = `w-full rounded-xl border transition-all ${sizeHeightClass} ${icon ? "pl-9" : "pl-3"} pr-3 ${hasError ? "border-rose-400 dark:border-rose-800 bg-rose-50/20 dark:bg-rose-950/20 text-rose-900 dark:text-rose-200 [&.ant-picker-focused]:border-rose-500 [&.ant-picker-focused]:ring-2 [&.ant-picker-focused]:ring-rose-500/20" : "border-zinc-200 dark:border-zinc-700 bg-zinc-50/50 dark:bg-zinc-800/60 text-zinc-900 dark:text-zinc-100 hover:border-zinc-300 dark:hover:border-zinc-600 [&.ant-picker-focused]:border-emerald-500 [&.ant-picker-focused]:ring-2 [&.ant-picker-focused]:ring-emerald-500/20 [&.ant-picker-focused]:bg-white dark:[&.ant-picker-focused]:bg-zinc-900"} ${disabled ? "opacity-60 cursor-not-allowed bg-zinc-100 dark:bg-zinc-800/40" : ""} [&>input]:text-zinc-900! dark:[&>input]:text-zinc-100! [&>input]:placeholder:text-zinc-400! dark:[&>input]:placeholder:text-zinc-500! [&>input]:text-xs ${inputClassName}`;
|
|
52798
|
+
return /* @__PURE__ */ jsx288(
|
|
52799
|
+
FormField_default,
|
|
52800
|
+
{
|
|
52801
|
+
label,
|
|
52802
|
+
id: inputId,
|
|
52803
|
+
required,
|
|
52804
|
+
error: errorMessage,
|
|
52805
|
+
hint,
|
|
52806
|
+
topRight,
|
|
52807
|
+
className,
|
|
52808
|
+
children: /* @__PURE__ */ jsxs256("div", { className: `relative flex items-center ${containerClassName}`, children: [
|
|
52809
|
+
icon && /* @__PURE__ */ jsx288("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-zinc-400 z-10", children: icon }),
|
|
52810
|
+
/* @__PURE__ */ jsx288(
|
|
52811
|
+
DatePicker11,
|
|
52812
|
+
{
|
|
52813
|
+
ref: pickerRef || ref2,
|
|
52814
|
+
id: inputId,
|
|
52815
|
+
format,
|
|
52816
|
+
picker,
|
|
52817
|
+
disabled,
|
|
52818
|
+
placeholder,
|
|
52819
|
+
value: dateValue?.isValid() ? dateValue : null,
|
|
52820
|
+
onChange: (date) => {
|
|
52821
|
+
const formattedStr = date ? date.format(format) : "";
|
|
52822
|
+
onValueChange(formattedStr, date);
|
|
52823
|
+
},
|
|
52824
|
+
onBlur: (e) => {
|
|
52825
|
+
onInputBlur?.();
|
|
52826
|
+
onBlur?.(e);
|
|
52827
|
+
},
|
|
52828
|
+
disabledDate,
|
|
52829
|
+
showTime,
|
|
52830
|
+
allowClear,
|
|
52831
|
+
needConfirm,
|
|
52832
|
+
className: pickerStyles,
|
|
52833
|
+
classNames: { popup: { root: "z-50" } },
|
|
52834
|
+
suffixIcon: icon ? void 0 : calendarIcon,
|
|
52835
|
+
...rest
|
|
52836
|
+
}
|
|
52837
|
+
)
|
|
52838
|
+
] })
|
|
52839
|
+
}
|
|
52840
|
+
);
|
|
52841
|
+
};
|
|
52842
|
+
if (activeForm && name) {
|
|
52843
|
+
return /* @__PURE__ */ jsx288(
|
|
52844
|
+
Controller12,
|
|
52845
|
+
{
|
|
52846
|
+
control: activeForm.control,
|
|
52847
|
+
name,
|
|
52848
|
+
render: ({
|
|
52849
|
+
field: {
|
|
52850
|
+
onChange: fieldOnChange,
|
|
52851
|
+
value: fieldValue,
|
|
52852
|
+
ref: fieldRef,
|
|
52853
|
+
onBlur: fieldOnBlur
|
|
52854
|
+
}
|
|
52855
|
+
}) => renderDatePicker(
|
|
52856
|
+
fieldRef,
|
|
52857
|
+
fieldValue !== void 0 ? fieldValue : value !== void 0 ? value : "",
|
|
52858
|
+
(formattedStr, dateObj) => {
|
|
52859
|
+
fieldOnChange(formattedStr);
|
|
52860
|
+
onChange?.(formattedStr, dateObj);
|
|
52861
|
+
},
|
|
52862
|
+
fieldOnBlur
|
|
52863
|
+
)
|
|
52864
|
+
}
|
|
52865
|
+
);
|
|
52866
|
+
}
|
|
52867
|
+
return renderDatePicker(
|
|
52868
|
+
ref2,
|
|
52869
|
+
value !== void 0 ? value : "",
|
|
52870
|
+
(formattedStr, dateObj) => {
|
|
52871
|
+
onChange?.(formattedStr, dateObj);
|
|
52872
|
+
}
|
|
52873
|
+
);
|
|
52874
|
+
}
|
|
52875
|
+
);
|
|
52876
|
+
DateInput2.displayName = "DateInput";
|
|
52877
|
+
|
|
52737
52878
|
// src/Antd/inputs/countryData.ts
|
|
52738
52879
|
var COUNTRIES = [
|
|
52739
52880
|
// Primary / Regional (East Africa & Horn of Africa)
|
|
@@ -53180,7 +53321,8 @@ var AntdFormInput = {
|
|
|
53180
53321
|
Phone: PhoneInput2,
|
|
53181
53322
|
Number: NumberInput,
|
|
53182
53323
|
Amount: AmountInput,
|
|
53183
|
-
Select: SelectInput
|
|
53324
|
+
Select: SelectInput,
|
|
53325
|
+
Date: DateInput2
|
|
53184
53326
|
};
|
|
53185
53327
|
var inputs_default = AntdFormInput;
|
|
53186
53328
|
export {
|
|
@@ -53191,7 +53333,7 @@ export {
|
|
|
53191
53333
|
Statements_default as AccountStatements,
|
|
53192
53334
|
Accounts_default as Accounts,
|
|
53193
53335
|
AdminProtectedRoute,
|
|
53194
|
-
inputs_default as
|
|
53336
|
+
inputs_default as AntdFormInput,
|
|
53195
53337
|
Badge,
|
|
53196
53338
|
Feilds_default3 as BrandField,
|
|
53197
53339
|
BrandForm_default as BrandForm,
|
package/dist/styles.js
CHANGED
|
@@ -3519,6 +3519,10 @@ select:-webkit-autofill:focus {
|
|
|
3519
3519
|
--tw-border-opacity: 1;
|
|
3520
3520
|
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
3521
3521
|
}
|
|
3522
|
+
.hover\\:border-zinc-300:hover {
|
|
3523
|
+
--tw-border-opacity: 1;
|
|
3524
|
+
border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
|
|
3525
|
+
}
|
|
3522
3526
|
.hover\\:bg-\\[var\\(--dropdown-hover\\)\\]:hover {
|
|
3523
3527
|
background-color: var(--dropdown-hover);
|
|
3524
3528
|
}
|
|
@@ -4681,6 +4685,10 @@ select:-webkit-autofill:focus {
|
|
|
4681
4685
|
.dark\\:hover\\:border-indigo-900\\/50:hover:is(.dark *) {
|
|
4682
4686
|
border-color: rgb(49 46 129 / 0.5);
|
|
4683
4687
|
}
|
|
4688
|
+
.dark\\:hover\\:border-zinc-600:hover:is(.dark *) {
|
|
4689
|
+
--tw-border-opacity: 1;
|
|
4690
|
+
border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
|
|
4691
|
+
}
|
|
4684
4692
|
.dark\\:hover\\:border-zinc-700:hover:is(.dark *) {
|
|
4685
4693
|
--tw-border-opacity: 1;
|
|
4686
4694
|
border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
|
|
@@ -5144,10 +5152,18 @@ select:-webkit-autofill:focus {
|
|
|
5144
5152
|
var(--tw-shadow);
|
|
5145
5153
|
}
|
|
5146
5154
|
}
|
|
5155
|
+
.\\[\\&\\.ant-picker-focused\\]\\:border-emerald-500.ant-picker-focused {
|
|
5156
|
+
--tw-border-opacity: 1;
|
|
5157
|
+
border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
|
|
5158
|
+
}
|
|
5147
5159
|
.\\[\\&\\.ant-picker-focused\\]\\:border-red-500.ant-picker-focused {
|
|
5148
5160
|
--tw-border-opacity: 1;
|
|
5149
5161
|
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
5150
5162
|
}
|
|
5163
|
+
.\\[\\&\\.ant-picker-focused\\]\\:border-rose-500.ant-picker-focused {
|
|
5164
|
+
--tw-border-opacity: 1;
|
|
5165
|
+
border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
|
|
5166
|
+
}
|
|
5151
5167
|
.\\[\\&\\.ant-picker-focused\\]\\:bg-white.ant-picker-focused {
|
|
5152
5168
|
--tw-bg-opacity: 1;
|
|
5153
5169
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
@@ -5171,9 +5187,15 @@ select:-webkit-autofill:focus {
|
|
|
5171
5187
|
var(--tw-ring-shadow),
|
|
5172
5188
|
var(--tw-shadow, 0 0 #0000);
|
|
5173
5189
|
}
|
|
5190
|
+
.\\[\\&\\.ant-picker-focused\\]\\:ring-emerald-500\\/20.ant-picker-focused {
|
|
5191
|
+
--tw-ring-color: rgb(16 185 129 / 0.2);
|
|
5192
|
+
}
|
|
5174
5193
|
.\\[\\&\\.ant-picker-focused\\]\\:ring-red-500\\/20.ant-picker-focused {
|
|
5175
5194
|
--tw-ring-color: rgb(239 68 68 / 0.2);
|
|
5176
5195
|
}
|
|
5196
|
+
.\\[\\&\\.ant-picker-focused\\]\\:ring-rose-500\\/20.ant-picker-focused {
|
|
5197
|
+
--tw-ring-color: rgb(244 63 94 / 0.2);
|
|
5198
|
+
}
|
|
5177
5199
|
.dark\\:\\[\\&\\.ant-picker-focused\\]\\:bg-zinc-900.ant-picker-focused:is(.dark *) {
|
|
5178
5200
|
--tw-bg-opacity: 1;
|
|
5179
5201
|
background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
|
|
@@ -5182,6 +5204,10 @@ select:-webkit-autofill:focus {
|
|
|
5182
5204
|
font-size: 1rem;
|
|
5183
5205
|
line-height: 1.5rem;
|
|
5184
5206
|
}
|
|
5207
|
+
.\\[\\&\\>input\\]\\:text-xs > input {
|
|
5208
|
+
font-size: 0.75rem;
|
|
5209
|
+
line-height: 1rem;
|
|
5210
|
+
}
|
|
5185
5211
|
.\\[\\&_\\.PhoneInputCountrySelectArrow\\]\\:text-zinc-400 .PhoneInputCountrySelectArrow {
|
|
5186
5212
|
--tw-text-opacity: 1;
|
|
5187
5213
|
color: rgb(161 161 170 / var(--tw-text-opacity, 1));
|
package/dist/styles.mjs
CHANGED
|
@@ -3517,6 +3517,10 @@ select:-webkit-autofill:focus {
|
|
|
3517
3517
|
--tw-border-opacity: 1;
|
|
3518
3518
|
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
3519
3519
|
}
|
|
3520
|
+
.hover\\:border-zinc-300:hover {
|
|
3521
|
+
--tw-border-opacity: 1;
|
|
3522
|
+
border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
|
|
3523
|
+
}
|
|
3520
3524
|
.hover\\:bg-\\[var\\(--dropdown-hover\\)\\]:hover {
|
|
3521
3525
|
background-color: var(--dropdown-hover);
|
|
3522
3526
|
}
|
|
@@ -4679,6 +4683,10 @@ select:-webkit-autofill:focus {
|
|
|
4679
4683
|
.dark\\:hover\\:border-indigo-900\\/50:hover:is(.dark *) {
|
|
4680
4684
|
border-color: rgb(49 46 129 / 0.5);
|
|
4681
4685
|
}
|
|
4686
|
+
.dark\\:hover\\:border-zinc-600:hover:is(.dark *) {
|
|
4687
|
+
--tw-border-opacity: 1;
|
|
4688
|
+
border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
|
|
4689
|
+
}
|
|
4682
4690
|
.dark\\:hover\\:border-zinc-700:hover:is(.dark *) {
|
|
4683
4691
|
--tw-border-opacity: 1;
|
|
4684
4692
|
border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
|
|
@@ -5142,10 +5150,18 @@ select:-webkit-autofill:focus {
|
|
|
5142
5150
|
var(--tw-shadow);
|
|
5143
5151
|
}
|
|
5144
5152
|
}
|
|
5153
|
+
.\\[\\&\\.ant-picker-focused\\]\\:border-emerald-500.ant-picker-focused {
|
|
5154
|
+
--tw-border-opacity: 1;
|
|
5155
|
+
border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
|
|
5156
|
+
}
|
|
5145
5157
|
.\\[\\&\\.ant-picker-focused\\]\\:border-red-500.ant-picker-focused {
|
|
5146
5158
|
--tw-border-opacity: 1;
|
|
5147
5159
|
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
5148
5160
|
}
|
|
5161
|
+
.\\[\\&\\.ant-picker-focused\\]\\:border-rose-500.ant-picker-focused {
|
|
5162
|
+
--tw-border-opacity: 1;
|
|
5163
|
+
border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
|
|
5164
|
+
}
|
|
5149
5165
|
.\\[\\&\\.ant-picker-focused\\]\\:bg-white.ant-picker-focused {
|
|
5150
5166
|
--tw-bg-opacity: 1;
|
|
5151
5167
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
@@ -5169,9 +5185,15 @@ select:-webkit-autofill:focus {
|
|
|
5169
5185
|
var(--tw-ring-shadow),
|
|
5170
5186
|
var(--tw-shadow, 0 0 #0000);
|
|
5171
5187
|
}
|
|
5188
|
+
.\\[\\&\\.ant-picker-focused\\]\\:ring-emerald-500\\/20.ant-picker-focused {
|
|
5189
|
+
--tw-ring-color: rgb(16 185 129 / 0.2);
|
|
5190
|
+
}
|
|
5172
5191
|
.\\[\\&\\.ant-picker-focused\\]\\:ring-red-500\\/20.ant-picker-focused {
|
|
5173
5192
|
--tw-ring-color: rgb(239 68 68 / 0.2);
|
|
5174
5193
|
}
|
|
5194
|
+
.\\[\\&\\.ant-picker-focused\\]\\:ring-rose-500\\/20.ant-picker-focused {
|
|
5195
|
+
--tw-ring-color: rgb(244 63 94 / 0.2);
|
|
5196
|
+
}
|
|
5175
5197
|
.dark\\:\\[\\&\\.ant-picker-focused\\]\\:bg-zinc-900.ant-picker-focused:is(.dark *) {
|
|
5176
5198
|
--tw-bg-opacity: 1;
|
|
5177
5199
|
background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
|
|
@@ -5180,6 +5202,10 @@ select:-webkit-autofill:focus {
|
|
|
5180
5202
|
font-size: 1rem;
|
|
5181
5203
|
line-height: 1.5rem;
|
|
5182
5204
|
}
|
|
5205
|
+
.\\[\\&\\>input\\]\\:text-xs > input {
|
|
5206
|
+
font-size: 0.75rem;
|
|
5207
|
+
line-height: 1rem;
|
|
5208
|
+
}
|
|
5183
5209
|
.\\[\\&_\\.PhoneInputCountrySelectArrow\\]\\:text-zinc-400 .PhoneInputCountrySelectArrow {
|
|
5184
5210
|
--tw-text-opacity: 1;
|
|
5185
5211
|
color: rgb(161 161 170 / var(--tw-text-opacity, 1));
|