PickerListDays

A component generating a list of days a month.

Props

range

Defines whether we choose a time interval or a single date

type:Boolean

default:false

datepreview

required

Current auxiliary date

type:Dayjs

datefrom

starting date

type:Dayjs

default:{} as dayjs.Dayjs

dateto

End date

type:Dayjs

default:{} as dayjs.Dayjs

pickedfrom

Defines whether the date "from" has already been chosen

type:Boolean

default:false

pickedto

Defines whether the date "to" has already been chosen

type:Boolean

default:false

Events

set-date

Set the date

Example

Lista dla maja 2023

Mo

Tu

We

Th

Fr

Sa

Su

html

<picker-list-days
  :range="true"
  :datepreview="state.previewDay"
  :datefrom="state.startDate"
  :pickedfrom="state.startPicked"
  :dateto="state.endDate"
  :pickedto="state.endPicked"
/>

ts

import dayjs from 'dayjs'
const state = {
  previewDay: dayjs('2023-03-09'),
  startDate: dayjs('2023-03-10'),
  startPicked: true,
  endDate: dayjs('2023-03-19'),
  endPicked: true
}