KDatePicker

示例

Date Picker

Selected: none

A native date picker input field.

Props

Name	Type	Default	Description
modelValue	Date | undefined	undefined	The selected date value.
placeholder	string	'Select date'	Placeholder text for the input field.
disabled	boolean	false	Whether the input is disabled.

Emits

Name	Parameters	Description
update:modelValue	Date | undefined	Emitted when the selected date changes.

Slots

Name	Description
—	This component does not provide slots.

Basic Usage

<script setup> import { ref } from 'vue' import { KDatePicker } from '@kK-2004/ui-component' const date = ref(undefined) </script> <template> <KDatePicker v-model="date" placeholder="Pick a date" /> </template>