Hi , I have some problem with yearMinus. When I clicked clear then reopen datepicker yearMinus have some problem.

Library Version : 1.9.2

My Settings

const datepickerSetting = {
      class: "myDateInput",
      value: "01/12/2564",
      placeholder: "โปรดเลือก",
      yearMinus: -543,
      fromDate: "02/10/2400",
      toDate: "",
      disabledDate: [],
      locale: {
        format: "DD/MM/YYYY",
        weekday: ["อา", "จ", "อ", "พ", "พฤ", "ศ", "ส"],
        startsWeeks: 0,
        todayBtn: "Today",
        clearBtn: "Clear",
        closeBtn: "Close"
      },
      changeEvent: value => {
        return value;
      },
      disableInput: false
    };

Thank You So Much.

It would be nice if the part of the component that you click to show the calendar was a simple button. Right now, it's a text field, but this is annoying when you're on a mobile device or smart TV as clicking on it results in the keyboard coming up.

<datepicker-lite :id-attr="fromDatepickerSetting.id" :name-attr="fromDatepickerSetting.name" :class-attr="fromDatepickerSetting.class" :value-attr="fromDatepickerSetting.value" :autocomplete-attr="fromDatepickerSetting.autocomplete" :placeholder-attr="fromDatepickerSetting.placeholder" :is-button-type="fromDatepickerSetting.isButtonType" :year-minus="fromDatepickerSetting.yearMinus" :years-range="10" :from="fromDatepickerSetting.fromDate" :to="fromDatepickerSetting.toDate" :locale="fromDatepickerSetting.locale" :disableInput="fromDatepickerSetting.disableInput" @value-changed="fromDatepickerSetting.changeEvent" ref="fromDateTemplateRef" @input="checkStartDate()" >

It would be helpful if there were a prop that would allow the date panel to be placed above all elements instead of inline. This would alleviate a case as such that the datepicker might be hidden/cut off if placed in a fixed/sticky container with a height that is lesser than the size of the date panel and cannot overlap other sibling containers in the whole of the layout. Example of an issue I ran into attached. .

Hello!

I'm trying to set the default value of the date picker. Looking in the code, it seems that the date is being added to the div that is surrounding the text input. However, the input field itself does not display the date. Do you have any clue how to fix this?

Cheers!

My code:

<DatepickerLite
        :name-attr="name"
        class-attr="form-control" :class="errors.length > 0 ? 'is-invalid' : ''"
        :value="modelValue"     <=== "2020-12-30"
        :locale="localeSettings"
        @valueChanged="updateValue"
/>

.....

const localeSettings = computed(() => {
        return {
          format: props.displayFormat, // "DD-MM-YYYY"
          weekday: [
            i18n.t('datepicker.mon'),
            i18n.t('datepicker.tue'),
            i18n.t('datepicker.wed'),
            i18n.t('datepicker.thu'),
            i18n.t('datepicker.fri'),
            i18n.t('datepicker.sat'),
            i18n.t('datepicker.sun'),
          ],
          startsWeeks: 1,
          todayBtn: i18n.t('datepicker.today'),
          clearBtn: i18n.t('datepicker.clear'),
          closeBtn: i18n.t('datepicker.close'),
        }
      })

Screenshot:

Hello,

Thank you for the library. For me, from date setting is not working. For the setting object below, I can navigate to January, February, and March, but all dates in January and February are disabled. Only March is enabled. To Date and Disabled dates work as expected. Can you help please? Thank you.

datepickerSetting: { id: "birthday", name: "birthday", class: "myDateInput", value: "2021/01/09", placeholder: "Select", yearMinus: 0, fromDate: "2021/01/02", toDate: "2021/03/31", disabledDate: [ "2021/03/02", "2021/03/19", ], locale: { format: "YYYY/MM/DD", weekday: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], todayBtn: "Today", clearBtn: "Clear", closeBtn: "Close", }, changeEvent: (value) => { console.log(value + " selected!"); }, disableInput: false, }

1. YearMinus attribute not work.
2. If set fromDate attribute only, limited date range not work.
3. If set limited date range and clear value, value will be wrong date.

I've added the option to disable the browser's autocomplete. This makes sure that the browser does not longer suggests formerly used values in the input which show up in front of the calendar popup.