# Date Pickers

We have created a date-time picker starting from the vuematerial.io date picker. We have changed the colours, typography and buttons, so it can look like the rest of the dashboard. You don't have to import the component you just use it like this:


# Simple Example

<template>
  <div class="md-layout-item md-size-100">
    <md-datepicker v-model="selectedLabeled">
      <label>Select date</label>
    </md-datepicker>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        selectedLabeled: null
      }
    }
  }
</script>

Note: for more details about the datepicker props and attributes please see the Datepicker section from vuematerial.io