fp.setDate is not a function

[cicerchia]

fp.setDate is not a function.

[jacobmischka]

Your example works fine (except that you're using an <a> tag for what should really be a <button>): https://codesandbox.io/s/serene-northcutt-fgxdh?file=/App.svelte

Seems like something else in your configuration is going wrong. Please make sure you're using updated versions of all dependencies.

[jacobmischka]

On the web IDs must be unique to the page, you cannot use the same id for more than one element on the same page.

Change your IDs to make them unique.

  <Flatpickr bind:value={selectedDateTime} element="#my-picker">
    <div class="flatpickr" id="my-picker">
      <input
        type="text"
        class="my-custom-class"
        placeholder="Select Date..."
        data-input
      />

      <button type="button" data-clear>Clear</button>
    </div>
  </Flatpickr>

  <Flatpickr bind:value={selectedDateTime} element="#my-picker2">
    <div class="flatpickr" id="my-picker2">
      <input
        type="text"
        class="my-custom-class"
        placeholder="Select Date..."
        data-input
      />

      <button type="button" data-clear>Clear</button>
    </div>
  </Flatpickr>

[jacobmischka]

If you need to do this programmatically in a component, you can use something like gud to generate a unique ID at runtime.