How to set default dates for Range Calendar?

[adrienpoly]

How to set default dates for Range Calendar?

[adrienpoly]

yes that was my idea feel free to open a PR

[adrienpoly]

I have released a new 1.2.0-1 beta version with those change
https://www.npmjs.com/package/stimulus-flatpickr/v/1.2.0-1

[kzkn]

Here is my workaround that I'm using currently:

<input
  type="text"
  data-controller="flatpickr"
  data-flatpickr-mode="range"
  data-flatpickr-my-default-date="[&quot;2019-11-13&quot;,&quot;2019-11-14&quot;]"
>

export default class extends Flatpickr {
  initialize() {
    this.config = { /* blah, blah, blah */ }

    const defaultDate = this.data.get('my-default-date')
    if (defaultDate) {
      let val
      try {
        val = JSON.parse(defaultDate)
      } catch {
        val = defaultDate
      }
      this.config['defaultDate'] = val
    }
  }
  // ...
}

[adrienpoly]

@kzkn Interesting solution let me look how I could port that as a standard feature of the package

[kzkn]

How is this?

// index.js
_arrayOrString(option) {
  const val = this.data.get(option)
  try {
    return JSON.parse(val)
  } catch {
    return val
  }
}

// config_options.js
arrayOrStringOptions = ['defaultDate']

export const options = {
  string: stringOptions,
  boolean: booleanOptions,
  date: dateOptions,
  array: arrayOptions,
  number: numberOptions,
  arrayOrString: arrayOrStringOptions
}