Skip to content

bug: undefined --color-base-primary referenced in calendar (Pikaday) component #4496

Description

@Aternus

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

  1. Install daisyui@5.5.19.
  2. Grep the published bundle:
    grep -n 'color-base-primary' node_modules/daisyui/daisyui.css
  3. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions