Summary
The Pikaday calendar component CSS references a CSS variable --color-base-primary that is not defined anywhere in daisyUI's theme spec. As a result, those background declarations resolve to nothing (no background is applied).
Version
daisyUI 5.5.19
Affected files (in the published package)
node_modules/daisyui/components/calendar.css
node_modules/daisyui/components/calendar/object.js
node_modules/daisyui/daisyui.css
Where it appears
Inside the Pikaday styles, two rules reference the undefined variable:
.has-event {
.pika-button {
background: var(--color-base-primary);
}
}
.is-disabled, .is-inrange {
.pika-button {
background: var(--color-base-primary);
}
}
Expected
--color-base-primary is not part of daisyUI's documented theme variables (https://daisyui.com/docs/themes/). The variable is never declared in daisyui.css, so the background declarations are effectively no-ops.
It looks like a typo. Probable intent:
var(--color-primary) for .has-event (to highlight days with events), and
var(--color-base-200) (or similar) for .is-disabled, .is-inrange.
Reproduction
- Install
daisyui@5.5.19.
- Grep the published bundle:
grep -n 'color-base-primary' node_modules/daisyui/daisyui.css
- Observe two matches inside the Pikaday calendar block.
Suggested fix
Replace --color-base-primary with the intended existing daisyUI variables (likely --color-primary and --color-base-200) in the calendar component source.
Summary
The Pikaday calendar component CSS references a CSS variable
--color-base-primarythat is not defined anywhere in daisyUI's theme spec. As a result, thosebackgrounddeclarations resolve to nothing (no background is applied).Version
daisyUI
5.5.19Affected files (in the published package)
node_modules/daisyui/components/calendar.cssnode_modules/daisyui/components/calendar/object.jsnode_modules/daisyui/daisyui.cssWhere it appears
Inside the Pikaday styles, two rules reference the undefined variable:
Expected
--color-base-primaryis not part of daisyUI's documented theme variables (https://daisyui.com/docs/themes/). The variable is never declared indaisyui.css, so thebackgrounddeclarations are effectively no-ops.It looks like a typo. Probable intent:
var(--color-primary)for.has-event(to highlight days with events), andvar(--color-base-200)(or similar) for.is-disabled, .is-inrange.Reproduction
daisyui@5.5.19.grep -n 'color-base-primary' node_modules/daisyui/daisyui.cssSuggested fix
Replace
--color-base-primarywith the intended existing daisyUI variables (likely--color-primaryand--color-base-200) in the calendar component source.