Vuance UI Kit

Inputs

Date Picker

Calendar surface for selecting a valid date inside configured bounds.

Date Picker

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Interactive preview

Changes are reflected in the example and source.

Properties

Headline

Vue

<m-date-picker
  headline="Select date"
  v-model="value"
 />

MDatePicker API

Props, slots, and events are extracted from the current public UI Kit contract.

MDatePicker

Input family
src/runtime/components/ui/date-picker

Props

NameTypeDefault
headline
string'Select date'
minDate
Date | string | numberundefined
maxDate
Date | string | numberundefined

Slots

Events

MDatePicker does not emit component-specific events. Native events fall through to its root element.