@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
93 lines (92 loc) • 3.68 kB
text/typescript
import type { ComponentPublicInstance } from 'vue';
import type { TimeFieldRootProps, TimeFieldRootEmits } from 'reka-ui';
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/input-time';
import type { UseComponentIconsProps } from '../composables/useComponentIcons';
import type { BadgeProps } from '../types';
import type { ComponentConfig } from '../types/tv';
type InputTime = ComponentConfig<typeof theme, AppConfig, 'inputTime'>;
export interface InputTimeProps extends Omit<TimeFieldRootProps, 'as' | 'asChild' | 'locale' | 'dir'>, UseComponentIconsProps {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/**
* @defaultValue 'air-primary'
*/
color?: InputTime['variants']['color'];
/**
* @defaultValue 'md'
*/
size?: InputTime['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;
autofocus?: boolean;
autofocusDelay?: number;
class?: any;
b24ui?: InputTime['slots'];
}
export interface InputTimeEmits extends TimeFieldRootEmits {
change: [event: Event];
blur: [event: FocusEvent];
focus: [event: FocusEvent];
}
export interface InputTimeSlots {
leading(props: {
b24ui: InputTime['b24ui'];
}): any;
default(props: {
b24ui: InputTime['b24ui'];
}): any;
trailing(props: {
b24ui: InputTime['b24ui'];
}): any;
}
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<InputTimeProps, {
inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
blur: (event: FocusEvent) => any;
change: (event: Event) => any;
focus: (event: FocusEvent) => any;
"update:modelValue": (date: (import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | import("@internationalized/date").Time) | undefined) => any;
"update:placeholder": (date: import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | import("@internationalized/date").Time) => any;
}, string, import("vue").PublicProps, Readonly<InputTimeProps> & Readonly<{
onBlur?: ((event: FocusEvent) => any) | undefined;
onChange?: ((event: Event) => any) | undefined;
onFocus?: ((event: FocusEvent) => any) | undefined;
"onUpdate:modelValue"?: ((date: (import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | import("@internationalized/date").Time) | undefined) => any) | undefined;
"onUpdate:placeholder"?: ((date: import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | import("@internationalized/date").Time) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, InputTimeSlots>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};