we-date-picker

Wrapper for vuepic/vue-datepicker with Vuetify style

Usage

Simple datepicker

<!-- Date -->
<we-date-picker
  v-model="date"
  placeholder="Select date"
  type="date"
/>

<!-- Time -->
<we-date-picker
  v-model="time"
  placeholder="Select time"
  type="time"
/>

<!-- Datetime -->
<we-date-picker
  v-model="datetime"
  placeholder="Select datetime"
  type="datetime"
/>

Props

Name	Type	Default	Description
type	String	date	Type of picker date, time or datetime
range	Boolean	false	Enable range selection
teleport	[Boolean, String]	true	If true the menu will be placed on body
position	[left, center, right]	left	Datepicker menu position
enable-time-picker	Boolean	true	Enable or disable time picker, in the current behavior of the component is set to false if we open a date-picker of type date, for time/datetime set to true
min-date	[Date, String]		All dates before the given date will be disabled
max-date	[Date, String]		All dates after the given date will be disabled
min-time	[Date, String]		Sets the minimal available time to pick
max-time	[Date, String]		Sets the maximal available time to pick
show-seconds	Boolean	false	Enable minutes in the time/datetime picker

TIP

• this component uses a v-text-field as input, so all the props of v-text-field are available
• for more props, see vuepic/vue-datepicker