vue-datetime icon indicating copy to clipboard operation
vue-datetime copied to clipboard

input text slot to add calacnder icon in textfield

Open bsienn-khan opened this issue 6 years ago • 0 comments

Versions

  • vue: 2.6.10
  • vue-datetime: 1.0.0-beta.10
  • luxon: 1.19.3

Description:

Feature Request

I don't see any template slot to be used to replace with default input field of datepicker. It would be a good idea to provide a slot so we can provide ours on html for the date input field.

What I really just want is an option to put a calendar icon to the right of date input.

something like this:

<date-time
  v-model="mydate"
  input-id="mydate"
  input-class="form-control"
>
 // This template part is new requested feature
  <template slot="date-input">
      <label for="mydate" slot="before">Entry Date</label>
      <b-input-group-text>
        <fa icon="calendar" />
      </b-input-group-text>
  </template>

  <template slot="button-cancel">
    <fa icon="times-circle"></fa>
    Cancel
  </template>

  <template slot="button-confirm">
    <fa icon="check-circle"></fa>
    Confirm
  </template>
</date-time>

bsienn-khan avatar Oct 04 '19 14:10 bsienn-khan