ManukMinasyan / vue-functional-calendar

Vue.js Functional Calendar | Component/Package
https://vue-functional-calendar.now.sh/
MIT License
468 stars 84 forks source link

datePickerInput slot not working #100

Closed nathanaelphilip closed 1 year ago

nathanaelphilip commented 4 years ago

I’m trying to use the datePickerInput slot to replace the default input when using a modal and date picker, but it’s not replacing the initial input.

Vue: ^2.5.17 FunctionalCalendar: ^2.8.87

Here is my component setup:

<functional-calendar
  v-model="after_date" 
  :configs="calendarConfig"
>   
  <template v-slot:datePickerInput="props">
        <div>
        <input 
          id="input-date"
          v-model="props.selectedDate" 
          class="form-control"
          name="after_date" 
          title="Date"
          :readonly="!props.isTypeable"
          value="{{$after_date}}"
        />
      </div>
  </template>
</functional-calendar>

Config:

calendarConfig: {
  isModal: true,
  isDatePicker: true,
  dateFormat: 'yyyy-mm-dd',
  changeMonthFunction: true,
  changeYearFunction: true
}
ManukMinasyan commented 1 year ago

Hello. Thanks for your feedback. Now I don't have time to deal with the calendar. Please create pull requests, I will appreciate it, it will be useful for the community.