Input Type Date (value: 2018-07-22): <input type="date" value="2018-07-22"><br>
Input Type Date (value: 2018-07-22, min: 2018-01-01, max: 2018-12-31): <input type="date" value="2018-07-22"
    min="2018-01-01" max="2018-12-31"><br>

Input Type Datetime (invalid value: 2018-06-12): <input type="datetime-local" value="2018-06-12"><br>
Input Type Datetime (value: 2018-06-12T19:30): <input type="datetime-local" value="2018-06-12T19:30"><br>
Input Type Datetime (value: 2018-06-12T19:30:10): <input type="datetime-local" value="2018-06-12T19:30:10"><br>
Input Type Datetime (value: 2018-06-12T19:30:10.500): <input type="datetime-local" value="2018-06-12T19:30:10.500"><br>

Input Type Datetime (value: 2018-06-12T19:30, min: 2018-06-07T00:00, max: 2018-06-14T00:00): <input
    type="datetime-local" value="2018-06-12T19:30" min="2018-06-07T00:00" max="2018-06-14T00:00"><br>

Input Type Time (19:30): <input type="time" value="19:30"><br>

Input Type Time (19:30, min: 08:00, max: 20:00): <input type="time" value="19:30" min="08:00" max="20:00"><br>