search

henripar / react-lite-month-picker

Simple, modern and customizable month picker component for ReactJS.
https://react-lite-month-picker.dev
MIT License
36 stars 10 forks source link

is there a way to override css? #5

Open manish-basargekar opened 5 months ago

manish-basargekar commented 5 months ago

I couldn't found any prop or way to pass classNames in the component, I wanna update the width of the month input

SergiuC22 commented 4 months ago

@manish-basargekar I think it might be possible to update the width of the element by change the --month-input-width variable on the html element. Not entirely sure if it does not get overwritten.

YourmixJNR commented 2 months ago

Sure, you can inspect the component with your browser's developer tools to find the relevant CSS classes. Then, you can apply any custom styles you need.

Here's an example of how I customized the styles for react-lite-month-picker:

/* react-lite-month-picker styles */ ._monthInputField_1ny07_1 { padding: 0.5rem !important; width: 100%; min-width: 0px; font-size: 20px; margin-bottom: 0rem !important; }