@progress/kendo-vue-dateinputs
Version:
54 lines (53 loc) • 1.95 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { DatePickerChangeEvent } from './DatePickerEventArguments';
import { DatePickerSettings } from '../models/main';
import { FormComponentProps } from '@progress/kendo-vue-common';
/**
* Represents the props of the [Kendo UI for Vue DatePicker component]({% slug overview_datepicker %}).
*/
export interface DatePickerProps extends DatePickerSettings, FormComponentProps {
/**
* @hidden
*/
modelValue?: Date;
/**
* Sets the default value of the DatePicker ([see example]({% slug default_value_datepicker %})).
*/
defaultValue?: Date;
/**
* Fires each time the user selects a new value ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
*/
onChange?: (event: DatePickerChangeEvent) => void;
/**
* Fires when the icon element is clicked.
*/
onIconclick?: (event: any) => void;
/**
* Renders a floating label for the DatePicker.
*/
label?: string;
/**
* Specifies the value of the placeholder.
*/
placeholder?: string;
/**
* Specifies the value of the DatePicker ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
*
* > The `value` has to be a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance.
*/
value?: Date | null;
/**
* Specifies the validate of the DatePicker.
*/
validate?: boolean;
/**
* Specifies the validate of the DatePicker.
*/
ariaLabel?: string;
}