# Demo

# Default

<Datepicker placeholder="Select Date" />

# v-model

<Datepicker v-model="vModelExample" />

# First day of Week

<Datepicker first-day-of-week="mon" />

# Don't show edge dates

<Datepicker :show-edge-dates="false" />

# Custom open Date

<Datepicker :open-date="openDate" />

# Inline

<Datepicker :inline="true" />

# Fixed position

<Datepicker fixed-position="top-right" />

# Rtl

<Datepicker :language="$datepickerLocals.he" />

# Day view only

<Datepicker minimum-view="day" maximum-view="day" />

# Day and month view only

<Datepicker minimum-view="day" maximum-view="month" initial-view="month" />

# With Button

<Datepicker :calendar-button="true" :show-calendar-on-button-click="true" />

# Year picker range

<Datepicker :year-picker-range="yearPickerRange" />

# Comparison append picker to body

<Datepicker :append-to-body="true" />

# Comparison use utc or not

<Datepicker :use-utc="true" />