Flowbite Inline Datepicker — Unable to customize styles (borders, colors, selected date, other month days) #1125
Unanswered
PrINcE16161
asked this question in
Q&A
Replies: 1 comment
-
|
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment

Uh oh!
There was an error while loading. Please reload this page.
-
I’m trying to customize the Flowbite inline datepicker using Tailwind CSS in a pure HTML environment, but most of the styles I apply are not taking effect.
Here is my current setup:
<title>Inline DatePicker</title> <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>`
Problems I’m facing
I’m unable to customize the following:
1. Default Flowbite styles do not fully load in pure HTML + Tailwind CDN
2. Cannot remove the default border of the datepicker
3. Selected date background color does not change
4. Date text color does not change
5. Previous / Next month dates colors cannot be customized
My Question
What is the correct way to customize the Flowbite datepicker’s styles?
Specifically:
Does Flowbite expose official class names for days, selected days, and other-month days?
Should this be done with custom CSS instead of Tailwind utilities?
Is there a recommended way to theme the datepicker?
Any guidance or documentation would be very helpful.
Beta Was this translation helpful? Give feedback.
All reactions