range-plnkr.json

{"index.html":"<!DOCTYPE html><html><head>\n<meta charset=\"UTF-8\">\n<link href=\"http://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n<link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n<script type=\"text/javascript\">\n   if (/MSIE d|Trident.*rv:/.test(navigator.userAgent)) {\n       document.write(\"<script src='https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js'><\\/script>\");\n   }\n</script>\n<script src=\"http://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n</head>\n<body>\n<div class=\"col-lg-12 control-section\">\n    <div id=\"wrapper\">\n        <input id=\"datetimepicker\" type=\"text\"><br><br>\n    </div>\n</div>\n\n\n<style>\n    #wrapper {\n        max-width: 246px;\n        margin: 30px auto;\n        padding-top: 50px;\n    }\n</style>\n<script src=\"index.js\" type=\"text/javascript\"></script>\n\n</body></html>","index.js":"ej.base.enableRipple(true)\n\r\n    var today = new Date();\r\n    var currentYear = today.getFullYear();\r\n    var currentMonth = today.getMonth();\r\n    var currentDay = today.getDate();\r\n    var datetimepicker = new ej.calendars.DateTimePicker({\r\n        min: new Date(currentYear, currentMonth, 7, 10),\r\n        max: new Date(currentYear, currentMonth, 27, 22, 30),\r\n        value: new Date(currentYear, currentMonth, 14, 10, 30),\r\n        placeholder: 'Choose a datetime'\r\n    });\r\n    datetimepicker.appendTo('#datetimepicker');\r\n"}