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>