A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/4888 below:

Datepicker with typeable and mask options or as icon-button · Issue #4888 · bootstrap-vue/bootstrap-vue · GitHub

First of all: thank you for datepicker component. Got tired of using broken 3rd party datepickers.

Is your feature request related to a problem? Please describe...

Sometimes user needs to select dates between 1950-2050 quickly.
Clicking through datepicker takes too many clicks, faster option is to type date manually.

Describe the solution you'd like

If there could be a prop to switch datepicker into typeable mode.
User can type date manually, without clicking through datepicker. Masked input is also welcome. For example only digits in format DD.MM.YYYY are allowed. Dots can be auto-prefilled. Paste option.

Easier solution could be: add prop to display datepicker as an "icon button" without date display field. Then datepicker can be appended/prepended into input-group next to b-form-input. Logic of handling masking and typing is left to developer in this case.

<b-input-group>
  <b-form-input v-model="someDate" @change="maskValue"></b-form-input>
  <template v-slot:append>
    <b-datepicker v-model="someDate" icon-only /> // datepicker as icon (no date text)
  </template>
</b-input-group>


Something similar done in "eonasdan bootstrap datepicker": https://eonasdan.github.io/bootstrap-datetimepicker/

kan141290, virtual, scottadamsmith, vladimirjegorov and setefocos


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4