Skip to content

Datepicker

Datepicker

PDatepicker wraps PInput and provides a calendar popup for selecting a single date.

Demo

Usage

<PDatepicker v-model="date" min="2024-01-01" max="2024-12-31">
Start date
</PDatepicker>

Props

PropTypeDefaultNotes
valueString | NumbernullYYYY-MM-DD date string.
minStringnullMinimum selectable date.
maxStringnullMaximum selectable date.
popupPositionStringbottomtop, left, right, bottom.

Events

EventPayloadDescription
inputString | nullEmits selected date string.
validBooleanValidity status from the inner input.

Slots

SlotDescription
defaultInput label text.