DateRangepicker

DateRangepicker

PDateRangepicker manages two date inputs and a shared calendar popup to select a range.

Demo

Usage

<PDateRangepicker v-model="range">
  Period
</PDateRangepicker>

data() {
  return {
    range: { start: '', end: '' },
  };
}

Props

Prop	Type	Default	Notes
value	Object	—	Required object with { start, end } keys.

Events

Event	Payload	Description
input	{ start: String, end: String }	Emits the updated range.

Slots

Slot	Description
default	Input label text.