import type { ComponentPublicInstance, VNode } from 'vue'; import type { DateFieldRootProps, DateFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldRootEmits, DateValue } from 'reka-ui'; import type { AppConfig } from '@nuxt/schema'; import type { UseComponentIconsProps } from '../composables/useComponentIcons'; import type { BadgeProps, IconComponent } from '../types'; import type { ComponentConfig } from '../types/tv'; import theme from '#build/b24ui/input-date'; type InputDate = ComponentConfig; type _DateFieldRootProps = Omit; type _RangeDateFieldRootProps = Omit; type InputDateDefaultValue = R extends true ? DateRangeFieldRootProps['defaultValue'] : DateFieldRootProps['defaultValue']; type InputDateModelValue = (R extends true ? DateRangeFieldRootProps['modelValue'] : DateFieldRootProps['modelValue']) | undefined; /** * @memo: we not use variant */ export interface InputDateProps extends UseComponentIconsProps, _DateFieldRootProps, _RangeDateFieldRootProps { /** * The element or component this component should render as. * @defaultValue 'div' */ as?: any; /** * @defaultValue 'air-primary' */ color?: InputDate['variants']['color']; /** * @defaultValue 'md' */ size?: InputDate['variants']['size']; /** * Removes padding from input * @defaultValue false */ noPadding?: boolean; /** * Removes all borders (rings) * @defaultValue false */ noBorder?: boolean; /** * Removes all borders (rings) except the bottom one * @defaultValue false */ underline?: boolean; /** * Rounds the corners of the input * @defaultValue false */ rounded?: boolean; tag?: string; /** * @defaultValue 'air-primary' */ tagColor?: BadgeProps['color']; /** Highlight the ring color like a focus state. */ highlight?: boolean; /** Keep the mobile text size on all breakpoints. */ fixed?: boolean; autofocus?: boolean; autofocusDelay?: number; /** * The icon to use as a range separator. * @defaultValue icons.minus * @IconComponent */ separatorIcon?: IconComponent; /** Whether or not a range of dates can be selected */ range?: R & boolean; defaultValue?: InputDateDefaultValue; modelValue?: InputDateModelValue; class?: any; b24ui?: InputDate['slots']; } export interface InputDateEmits extends Omit { 'update:modelValue': [value: InputDateModelValue]; 'change': [event: Event]; 'blur': [event: FocusEvent]; 'focus': [event: FocusEvent]; } export interface InputDateSlots { leading?(props: { b24ui: InputDate['b24ui']; }): VNode[]; default?(props: { b24ui: InputDate['b24ui']; }): VNode[]; trailing?(props: { b24ui: InputDate['b24ui']; }): VNode[]; separator?(props: { b24ui: InputDate['b24ui']; }): VNode[]; } declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: (__VLS_props: NonNullable>["props"], __VLS_ctx?: __VLS_PrettifyLocal>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable>["expose"], __VLS_setup?: Promise<{ props: import("vue").PublicProps & __VLS_PrettifyLocal & { onBlur?: ((event: FocusEvent) => any) | undefined; onChange?: ((event: Event) => any) | undefined; onFocus?: ((event: FocusEvent) => any) | undefined; "onUpdate:modelValue"?: ((value: InputDateModelValue) => any) | undefined; "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined; }> & (typeof globalThis extends { __VLS_PROPS_FALLBACK: infer P; } ? P : {}); expose: (exposed: import("vue").ShallowUnwrapRef<{ inputsRef: import("vue").Ref; }>) => void; attrs: any; slots: InputDateSlots; emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", value: InputDateModelValue) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void); }>) => import("vue").VNode & { __ctx?: Awaited; }; type __VLS_PrettifyLocal = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};