Bootstrap date time range picker Overview Allows date time range selection. Directive can be attached to input element. Returns date time range as string in format ‘yyyy-MM-dd HH:mm - yyyy-MM-dd HH:mm’ (2016-08-31 12:22 - 2016-08-31 16:22). <input date-picker [(ngModel)]="dateWithTimeRange" type="text" [minDate]="minDate" [maxDate]="maxDate" /> export class DatePickerExampleComponent { dateWithTimeRange: string = "2016-08-31 12:22 - 2016-08-31 16:22"; minDate: Date = new Date(new Date().getTime() - 7 * 86400000); maxDate: Date = new Date(new Date().getTime() + 7 * 86400000); } options: (type) - description minDate: (Date) - earliest possible date, maxDate: (Date) - latest possible date.