Add today button to flatpickr

@teakap

Sure. I cloned the repo, but I wasn’t able to understand how the code works. I was expecting to find something like components ex. flatpickr-months. Am I cloning the correct repo? When I run it it shows the page of the docs. Probably I’m missing something huge, but can’t figure it out 😃

The docs have a demo of the component functionality. You can play with the component there.

Nevermind, I got it. You extend the flatpickr. So actually… if we want to add properly a today btn, I will need to make a PR to the flatpickr.

ember-flatpickr wraps flatpickr. We are able to add extra functionality here. It could be an enhancement to ember-flatpickr, rather than flatpickr itself.

So I guess the flatpickrRef doesn’t behave as flatpickr (like a constructor) right? Do you see any workarounds ?

flatpickrRef is set to the flatpickr reference, after it is initialized. The reason it is not defined here, is didInsertElement will run before the flatpickr is created.

ember-flatpickr passes everything down to flatpickr, so you should be able to create an instance of the plugin in init and pass it into ember-flatpickr.

Something like this:

// my-datepicker.js

init() {
  this._super(...arguments);
  
  this.plugins = [
                ShortcutButtonsPlugin({
                    button: [{
                        label: "Beginning Of Time"
                    }],
                    label: "or",
                    onClick: (index, fp) => {
                        fp.setDate("1970/01/01 00:00");
                    }
                })
            ];
}

{{ember-flatpickr
        onChange=(action 'updateDate')
        getFlatpickrRef=(action (mut flatpickrRef))
        flatpickrRef=flatpickrRef
        altInput=true
        date=date
        id="calendar"
        altFormat="D, d M, Y"
        plugins=this.plugins
    }}

Does this make sense?

Yiap, it totally makes sense!

ember-flatpickr wraps flatpickr. We are able to add extra functionality here. It could be an enhancement to ember-flatpickr, rather than flatpickr itself.

I will work on it to see how this can be implemented then! Thanks!