From 957cae92ee7c3a2bf380cf956a59dbd16f298fbf Mon Sep 17 00:00:00 2001 From: Randall Wilk <wilk.randall@gmail.com> Date: Thu, 11 Nov 2021 15:16:55 -0600 Subject: [PATCH] 6.0.1 --- CHANGELOG.md | 5 +++++ docs/inputs/date-picker.md | 17 +++++++++++++++-- 2 files changed, 20 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f6724c8..a8080e6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,11 @@ All notable changes to `laravel-form-components` will be documented in this file +## 6.0.1 - 2021-11-11 +### Updated +- Add support for `x-model` on inputs +- Add `onOpen` slot to date picker component + ## 6.0.0 - 2021-09-20 ### Added - Register all components under a the `form-components::` namespace diff --git a/docs/inputs/date-picker.md b/docs/inputs/date-picker.md index 1720f87..640ee72 100644 --- a/docs/inputs/date-picker.md +++ b/docs/inputs/date-picker.md @@ -118,16 +118,29 @@ specify any option callbacks you need to: ```html <x-date-picker name="birthday"> <x-slot name="optionsSlot"> - onOpen: (selectedDates, dateStr, instance) => { + onChange: (selectedDates, dateStr, instance) => { // ... } </x-slot> </x-date-picker> ``` -In the example above, we are injecting a callback for the `onOpen` event fired by flatpickr into the flatpickr options object. +In the example above, we are injecting a callback for the `onChange` event fired by flatpickr into the flatpickr options object. For more information on the callbacks available, please consult [the events api](https://flatpickr.js.org/events/). +By default, the date picker component defines a callback for the `onOpen` event fired by flatpickr. As of version `6.0.1`, you may utilize +the `onOpen` slot to add your own callback function if needed on the component. + +```html +<x-date-picker name="birthday"> + <x-slot name="onOpen"> + function (selectedDates, dateStr, instance) { + // do something + }, + </x-slot> +</x-date-picker> +``` + ## Addons Like the other inputs, the date picker can also have leading and trailing addons, however by default you cannot add them.