Changelog

March 14, 2025 ยท View on GitHub

12.0.0

  • Revert PR #286 #287

11.0.5

  • Export types, #287

11.0.4

  • Fix issue, #283

11.0.3

  • Fix SSR issue, #277

11.0.0

  • Rewrite to Typescript

10.0.0

  • Remove plugin usage
  • Change export names for browser bundle
  • Check Upgrade Guide for more

9.0.8

  • Add type definition
  • Allow to run with @vue/compat

9.0.6

  • Fix: Possible undefined error, #254

9.0.5

9.0.4

9.0.3

9.0.0

  • Drop support for Vue v2.x and add support for Vue v3.x
  • Drop IE 11 support

8.1.6

8.1.5

8.1.4

8.1.3

8.1.2

  • Fix: #135
    • Initial disabled prop value was not reflecting on input element

8.1.1

  • Fix: #126
    • disabled prop default value should be false to make vee-validate work

8.1.0

  • Add: optional disabled prop, see #124 and #117
    • Note: the disabled prop accepts only Boolean values
  • Change: use render function instead of template to reduce build size
  • Chore: Babel 7

8.0.0

  • Fix: #107
  • Change: remove onKeyDown event, see #100. This is the only breaking change.

7.0.6

  • Fix: blur event when altInput is true, #102

7.0.5

  • Add: blur event, #102

7.0.4

  • Fix: umd build in webpack v4, #89

7.0.3

  • Re-release v7.0.2, npm malfunction during publish, #87
  • Chore: update webpack to v4.x

7.0.2

  • Fix: Allow to update locale dynamically, fixes #77

7.0.1

  • Fix: Don't mutate config object, fixes #74
  • Fix: Delete all event callbacks before passing them to flatpickr in config watcher

7.0.0

  • Change: Limit the default events to be emitted, read more , #53
    • You can restore the old behaviour by using events props

6.2.0

  • Change: Don't emit on-change on component mount
  • Add: on-pre-calendar-position event

6.1.0

  • Add: events props to customise the emitted events, closes #53 
    <flatpickr v-model="date" :events="['onChange']">
    • events prop is optional and component emits all events when prop is not specified.

6.0.0

  • Add: emit all events, fixes #37
  • Fix: dynamically change configs, closes #20
  • Change: export name, default export remains same

5.0.5

  • Internal: Remove the need of Object.assign

5.0.4

  • Revert the changes made in v5.0.3

5.0.3

  • Fix: a bug where changes in config object properties were not being detected

5.0.2

  • Fix: input event was being emitted twice, #44 , #29

5.0.1

  • Fix: Don't update DOM when allowInput is set to true in config

5.0.0 (breaking)

  • Change:
    • input-class prop has been removed, you can always use Vue.js inbuilt class binding
    <flat-pickr v-model="date" class="form-control input"></flat-pickr>
    • Similarly name, id, placeholder and required props has been removed, you can still specify any number of attributes on component
        <flat-pickr v-model="date" name="date-of-birth" id="js-date" placeholder="Select date" aria-required="true"></flat-pickr>
    • Non module environment usage, no longer required to call .default
    Vue.component('flat-pickr', VueFlatpickr);
  • Add:
    • Allow timestamps as value

4.0.0 (breaking)

  • Change:
    • Upgrade to flatpickr v4.x
    • Change onChange event name to on-change
  • Fix:
    • v-model validator method typo
    • IE11 support
  • tests: add test case with coverage
  • chore: dist folder is no longer a part of repo, it will be published on npm only. It means bower no longer supported.

3.1.3

  • Fix: value prop validation

3.1.2

  • Fix: Prevent multiple onChange event after component destroy, #27

3.1.1

  • Fix: Prevent onChange event being emitted twice

3.1.0

  • Add: Emit onChange event, #20

3.0.0 (Breaking)

  • Change: flatPicker.vue file name to component.vue
    • This will be breaking for users who were directly importing .vue file
  • Change: Don't force form-control CSS class on input field, #18
    • If you wants to add a new class on input, you need to do like this
    • <flatpickr input-class="form-control custom-css-class">
    • :class prop will replace default CSS class on input field
  • Add: Ability to pass component name when used as plugin
    • Vue.use(flatPickr,'date-picker')
    • You can pass name as second parameter
  • Chore: Upgrade to webpack v3.x

2.4.0

  • Fix UglifyJS issue

2.3.0

  • New way to use as plugin, old one is deprecated, see new example
    • You should NOT import plugin like this
    • import {flatPickrPlugin} from 'vue-flatpickr-component';
  • Add id prop

2.2.0

  • Rollback importing css, component is no longer importing any css
    • This also applies when using this package as plugin Vue.use()

2.1.0

  • Expose install method, so that now you can use this package as a plugin

2.0.0 (breaking)

  • Rename input-name prop to name
  • No longer support flatpickr v2.x, always pull v3.x
  • No longer importing flatpickr css, you need to import css by yourself, see examples

1.2.4

  • Improve value prop validation

1.2.3

  • Add value prop validation

1.2.0

  • Allow flatPickr v3.x stable
  • Rename instance to fp, if you were accessing it through $refs this may be a breaking change for you

1.1.3

  • Regenerate build files

1.1.2

  • Allow array of objects and date object as default value

1.1.0

  • Make wrap optional
  • From now, you need to wrap by your-self and pass config.wrap as true
  • No longer force bootstrap, you are free to use any of CSS framework

1.0.0

  • Initial release