Design issue while adding `showLeadingZeros = {true} `.

showLeadingZeros = {true} property addes 0 outside of input type. This causes design issues.

<DatePicker 
value={this.state.date} 
onChange= {(value) => this.setState({ date: value })}
showLeadingZeros = {true}
/> 

[ParthPatwalaTA]

Also can you put ‘react-date-picker__button__input__day’, ‘react-date-picker__button__input__month’ and ‘react-date-picker__button__input__year’ in their seperate div and add 0 to their respective div? This way we can apply width and design for particular div elements.

[ParthPatwalaTA]

So in my code, it is causing a design issue. Date is displaying kind of like ‘o1 -o9 - 2019’. Generating extra space and all. Because if we apply design to the input field then it won’t affect to ‘0’. So it’s font-size, color and spacing will not change. How is it working in this demo? Additional 0 is properly set and there is no spacing issue and other design issue.