we-date-picker

Wrapper for vue2-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"
  :minute-step="15"
  with-seconds
/>

<!-- Datetime -->
<we-date-picker
  v-model="datetime"
  placeholder="Select time"
  type="datetime"
  :minute-step="15"
  with-seconds
/>

Props

Name	Type	Default	Description
type	String	"date"	Type of picker date, time or datetime
range	Boolean	false	Enable range selection
display-format	String	{ "date": "dd/MM/yyyy", "time": "HH:mm", "datetime": "dd/MM/yyyy HH:mm" }	Format of the displayed date

TIP

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