How to get the selected date using vanilla js about flowbite-datepicker HOT 3 OPEN

One way to listen to value changes is to exntend its class and add your functionality
This code demonstrate on how to trigger onSelect option. so that everytime a new date is selected, it will be trigger

import Datepicker from 'flowbite-datepicker/Datepicker'

class FlowbiteDatepicker extends Datepicker {
  constructor(element, options = {}, rangepicker = undefined) {
    super(element, options, rangepicker)
    this.options = options
  }

  setDate(...args) {
    super.setDate(args);
    if (this.options.hasOwnProperty('onSelect')) {
      this.options.onSelect(this)
    }
  }
}

export default FlowbiteDatepicker

// Usage
new FlowbiteDatepicker(element, {
   onSelect(instant) {
      // Triggered when date is selected
      console.log(instant)
   }
})

from flowbite-datepicker.

Any help?

from flowbite-datepicker.

Dude, there documentation is not good,
Which is we are on the same boat.
They dont have an event for onSelect, it must be with the input

I guess they did this on purpose, in order to make us do upgrade.

It seems like there is a method for the Javascript instance

if you instanciate the picket with javascript instead of element
you will get the data

const dp = new DatePicket(element, {})
dp.getDate()

from flowbite-datepicker.