Problem Statement:- I am using bootstrap datepicker in React JS. I have used type="date" for the date of birth and i do not want user to be able to select current or future dates. How can i do so?
Code:-
import React from "react";
export default function DatePicker() {
return (
<div>
<div className="col-sm-4 col-md-3 col-lg-3 form-group required">
<label className="control-label">Date of Birth : </label>
</div>
<div className="col-sm-7 offset-1 col-md-8 col-lg-8">
<input
className="text-uppercase input-group input-group-lg form-control"
type="date"
name="dob"
/>
</div>
</div>
);
}
you can have properties of min and max, you have to set max value till today, so all future dates will be disabled to select by users,
<input
name="Fecha_end"
id="Fecha_end"
className="text-uppercase input-group input-group-lg form-control"
type="text"
name="dob"
max= new Date().getFullYear()+'/'+(new Date().getMonth()+1)+'/'+new Date().getDate();
/>
full working example here, https://jsfiddle.net/hmLpfkts/1/