API

VMdDateRangePicker

Props

startDate String

Default: today
Description: The beginning date of the initially selected date range. If you provide a Desc: string, it must match the date format string set in your locale setting

endDate String

Default: today

presets Array

Description: Set predefined date ranges the user can select from.The range of each object an array with two dates representing the bounds of the range.

opens String

Default: left
Avaiable: left、center、right
Description: Whether the picker appears aligned to the left, to the right, or centered under the HTML element it's attached to

showCustomRangeLabel Boolean

Default: false
Description: Displays "Custom Range" at the end of the list of predefined ranges, when the ranges option is used.This option will be highlighted whenever the current date range selection does not match one of the predefined ranges.Clicking it will display the calendars to select a new range.

showYearSelectBoolean

Default: false

maxYear String Number

Default: currentYear + 100
Description: The maximum year shown in the dropdowns when showYearSelect is set to true

minYear String Number

Default: currentYear - 100
Description: The minimum year shown in the dropdowns when showYearSelect is set to true

autoApply Boolean

Default: true
Description: Hide the apply and cancel buttons, and automatically apply a new date range as soon as two dates are clicked.

Events

Event Name Description Parameters
change - -

Slots

Name Description Default Slot Content
input - -