18 replies

How change color react-date-range (solved)

I use dependency react-date-range
I want change color to red (for example)
how I can achieve it?
https://codesandbox.io/p/sandbox/ecstatic-cohen-pmw79g?file=%2F.gitignore%3A1%2C1

SOLUTION:
add color={'red'}

 <div className='flex justify-center items-center'>
      <div className='calendarWrap' ref={dropdownRef}>
        <input className='inputBox outline-none' value={calendar} readOnly onClick={() => setOpen(open => !open)} />
        <Calendar className={`calendarElement ${open ? 'dropdown-calendar-active' : 'dropdown-calendar-inactive'}`}
          onChange={handleSelect} color={'red'} date={new Date()} />
      </div>
    </div>

 <div className='flex justify-center items-center'>
      <div className='calendarWrap' ref={dropdownRef}>
        <input className='inputBox outline-none' value={calendar} readOnly onClick={() => setOpen(open => !open)} />
        <Calendar className={`calendarElement ${open ? 'dropdown-calendar-active' : 'dropdown-calendar-inactive'}`}
          onChange={handleSelect} color={'red'} date={new Date()} />
      </div>
    </div>

KP-C

Kevin Powell - Community•3y ago•

18 replies

Nikita

How change color react-date-range (solved)

 <div className='flex justify-center items-center'>
      <div className='calendarWrap' ref={dropdownRef}>
        <input className='inputBox outline-none' value={calendar} readOnly onClick={() => setOpen(open => !open)} />
        <Calendar className={`calendarElement ${open ? 'dropdown-calendar-active' : 'dropdown-calendar-inactive'}`}
          onChange={handleSelect} color={'red'} date={new Date()} />
      </div>
    </div>

 <div className='flex justify-center items-center'>
      <div className='calendarWrap' ref={dropdownRef}>
        <input className='inputBox outline-none' value={calendar} readOnly onClick={() => setOpen(open => !open)} />
        <Calendar className={`calendarElement ${open ? 'dropdown-calendar-active' : 'dropdown-calendar-inactive'}`}
          onChange={handleSelect} color={'red'} date={new Date()} />
      </div>
    </div>

How change color react-date-range (solved)

Similar Threads

How change color react-date-range (solved)

Similar Threads

Similar Threads

Similar Threads