FlowFuse / FlowFuse/flowfuse

Upgrade @vuepic/vue-datepicker 11.0.2 → 14.0.0

Open
#7,987 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 21h
Merged PRs (30d)
146

Description

# Upgrade @vuepic/vue-datepicker 11.0.2 → 14.0.0 (major)

Dependabot PR #7490. Runtime `dependencies` entry (`^11.0.2`); date picker component used only in `frontend/src/ui-components/components/form/DateTime.vue`. Pulled out of the weekly Dependabot slot per the major-version process — needs an owner and verification, not a batch merge.

## Compatibility pre-check

- ✅ Vue: peer `>=3.5.0`, installed `3.5.38`.
- ✅ Node: engines `>=18.12.0`, dev default Node 24.
- ⚠️ Custom SCSS selector `.dp__theme_light` in `ff-vue-datepicker.scss` uses the old underscore class naming — renamed to dash in 13.x (see below). `--dp-*` CSS variables are unaffected.

## Breaking changes to review

- 12.0.0: "a lot of internal refactor and a lot of breaking changes" — to confirm from migration guide.
- 13.0.0: all class names renamed from `underscore` to `dash`; some class wordings changed/removed. `week-start` now derived from the `locale` prop instead of defaulting to Monday.
- 14.0.0: flow API — `handleFlow` renamed to `executeFlow`, takes a step value not index; `partial` removed from the `flow` prop; `@flow-step` emits the step value not index. DateTime.vue does not use flow, so no direct impact.

## To do before merge

- [ ] Visually verify each date picker usage (props/slots/events).
- [ ] Reconcile renamed props/slots.
- [ ] Read the 12.x–14.x migration notes.

## Refs

- Branch: `dependabot/npm_and_yarn/vuepic/vue-datepicker-14.0.0`
- PR: #7490
- Upstream: https://github.com/Vuepic/vue-datepicker/releases

Contributor guide

Open the contributing guide

Research direction

Start with frontend/src/ui-components/components/form/DateTime.vue and ff-vue-datepicker.scss, then read the @vuepic/vue-datepicker 12.x–14.x migration notes. Run the frontend and visually verify each date picker usage, including its props, slots, events, and styling. Done means the upgrade works without incompatibilities and the renamed SCSS selector is reconciled.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.