Question: React I have a few styling issues with react datepicker, I have a calendar pop up and I want to adjust the following: Maybe create

React

I have a few styling issues with react datepicker, I have a calendar pop up and I want to adjust the following: Maybe create a CSS for datepicker??

Change the blue color of the chosen date to ##0068FF Can you increase the font size of the month slightly? Adjust the line-height of the month so it sits perfectly (vertically) within the arrows.

Here is the relevant code:

import "react-datepicker/dist/react-datepicker.css";

import dateformat from 'dateformat'

import {useState} from 'react'

import DatePicker from 'react-datepicker'

const [isOpen, setIsOpen] = useState(false);

const date = new Date(dateformat(dates.currentDate, "isoDate", true)+'T00:00:00.000');

const [theDate, setTheDate] = useState(date);

const handleChange = (e) => {

setIsOpen(!isOpen);

setTheDate(e);

const isoString = e.toISOString().substring(0,10);

history.push(`/${page}/${sport}/${isoString}`);

};

const handleClick = (e) => {

e.preventDefault();

setIsOpen(!isOpen);

};

{/* FFS DO NOT REMOVE THE HIDDEN ATTRIBUTE */}

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!