Hi, I am having one more doubt. How can I customize datepicker and timepicker. Below I am mentioning my requirement and how earlier I solver it with bootstrap-datepicker and bootstrap-timepicker. DatePicker: I want to disable selecting back dates. This is the code snippet which I used while using bootstrap-datepicker $('#odate').on('click', function(){ $(this).datepicker({ format: 'dd-mm-yyyy', autoclose: true, startDate: '23-01-2016' }); }); Current Issues with MDB Datepicker: Unable to disable previous dates and while selecting the next month modal is getting closed. TimePicker: I want a control such that a user can select time only between a certain time interval. This is how I was doing it while using bootstrap-timepicker. //${t}: time which I am sending from the server. Its format is hh:mm:ss $('#timepicker1').timepicker({ showMeridian: false, defaultTime: '${t}' }).on('changeTime.timepicker', function(e) { var h= e.time.hours; var m= e.time.minutes; var cd = new Date($('#odate').val().split('-').reverse().join('-')); var dd = new Date('${dt}'.split('-').reverse().join('-'));//console.log((+cd==+dd), cd, dd, $('#odate').val().split('').reverse().join(''), '${dt}'); if (h<Number('${t}'.substring(0,2))&&(+cd==+dd) ){ $('#timepicker1').timepicker('setTime', '${t}'); popover.options.content = 'For deliver later option, time must be greater than ${t}' ; $('#deltime').focus().blur(); } else if ( (h===Number('${t}'.substring(0,2))) && (m<Number('${t}'.substring(3))) && (+cd==+dd) ) { $('#timepicker1').timepicker('setTime', '${t}'); popover.options.content = 'For deliver later option, time must be greater than ${t}' ; $('#deltime').focus().blur(); } else if (((h>=22 ) && (m>15)) || ((h<=10 ) && (m<59)) ){ $('#timepicker1').timepicker('setTime', '${t}'); popover.options.content = 'We deliver between 10:59 and 22:15' ; $('#deltime').focus().blur(); } else{ //console.log($('#timepicker1').val()); } }); Thank you. PS: Your both the timepicker and datepicker is really amazing and appealing

---