Past dates are disabled

workdone0 · May 12, 2021 · 4048783 · 4048783
1 parent 095b7ed
commit 4048783
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/src/screens/HospitalForm.js b/src/screens/HospitalForm.js
@@ -18,6 +18,7 @@ import complaint from "../assets/complaint.png";
 import FooterIcon from "../components/footerIcons";
 import Footer from "../components/footer";
 import Typewriter from "typewriter-effect";
+import moment from "moment";
 
 const { Option } = Select;
 
@@ -99,6 +100,10 @@ export class HospitalForm extends Component {
       { width: 992, itemsToShow: 3, pagination: false, showArrows: false },
       { width: 1200, itemsToShow: 3, pagination: false, showArrows: false },
     ];
+    function disabledDate(current) {
+      // Can not select days before today and today
+      return current && current < moment().startOf('day');
+    }
 
     return (
       <>
@@ -192,6 +197,7 @@ export class HospitalForm extends Component {
                         <DatePicker
                           onChange={this.dateSelected}
                           style={{ width: "100%" }}
+                          disabledDate={disabledDate}
                         />
                       </Form.Item>
                       <Form.Item name="slot" label=" Select Preferred Time">

diff --git a/src/screens/conferenceBookingForm.js b/src/screens/conferenceBookingForm.js
@@ -5,6 +5,8 @@ import { connect } from "react-redux";
 import { withRouter } from "react-router-dom";
 import BackNavbar from "../components/backNavbar";
 import Success from "./success";
+import moment from 'moment';
+
 
 import CalanderImg from "../assets/calander.png";
 import { roomBookingApi, getRoomBookingsApi } from "../api/roomBooking";
@@ -177,8 +179,13 @@ class ConferenceBookingForm extends Component {
       title: await event.target.value,
     });
   };
+
   render() {
     const format = "HH:mm";
+    function disabledDate(current) {
+      // Can not select days before today and today
+      return current && current < moment().startOf('day');
+    }
     return (
       <>
         <BackNavbar />
@@ -222,6 +229,7 @@ class ConferenceBookingForm extends Component {
                     <DatePicker
                       onChange={this.dateSelected}
                       style={{ width: "100%" }}
+                      disabledDate={disabledDate}
                     />
                   </Form.Item>
                   <Row>

diff --git a/src/screens/eventUtility.js b/src/screens/eventUtility.js
@@ -6,6 +6,7 @@ import Footers from "../components/footer";
 import FooterIcon from "../components/footerIcons";
 import eventutility from "../assets/eventutility.png";
 import "./styles/eventUtility.css";
+import moment from "moment";
 
 class EventUtility extends Component {
   constructor() {
@@ -180,6 +181,10 @@ class EventUtility extends Component {
       );
     }
     const format = "HH:mm";
+    function disabledDate(current) {
+      // Can not select days before today and today
+      return current && current < moment().startOf('day');
+    }
     return (
       <div>
         <>
@@ -213,6 +218,7 @@ class EventUtility extends Component {
                     <DatePicker
                       onChange={this.dateSelected}
                       style={{ width: "100%" }}
+                      disabledDate={disabledDate}
                     />
                   </Form.Item>
                   <Row>