vuematerial / vue-material

Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://www.creative-tim.com/vuematerial
MIT License
9.88k stars 1.16k forks source link

Add Datepicker placeholder option #2303

Closed EmanuelleViana closed 1 year ago

EmanuelleViana commented 3 years ago

Datepicker component misses a placeholder option to be showed on the input

What is expected?

A text been showed in the datepicker like common inputs image

What is actually happening?

Nothing is showed on the initial datepicker input image

sanchezpili6 commented 2 years ago

You could try using label. I believe something like this should work for what you want

<template>
  <div>
    <md-datepicker v-model="selectedDate">
      <label>DD/MM/YYYY</label>
    </md-datepicker>
  </div>
</template>

<script>
  export default {
    name: 'LabeledDatepicker',
    data: () => ({
      selectedDate: null
    })
  }
</script>