Material datepicker

<mat-form-field class="example-full-width" appearance="fill">
  <mat-label>Choose a date</mat-label>
  <input matInput [matDatepicker]="picker">
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
<button mat-raised-button (click)="picker.open()">Open</button>

Date range MUI

$ npm install material-ui-datetime-range-picker

Source: developer.aliyun.com

Date time picker in angular material

<input mdc-datetime-picker="" date="true" time="true" type="text" id="datetime"
placeholder="Date" show-todays-date="" minutes="true" min-date="date" show-icon="true"
ng-model="dateTime" class=" dtp-no-msclear dtp-input md-input">

Material date picker

<mat-date-range-input>
  <input matStartDate placeholder="Start date">
  <input matEndDate placeholder="End date">
</mat-date-range-input>

Source: material.angular.io

Similar codes

4 votes376 views2 answers
Image drive inside html
Html
0 vote301 views1 answer
How to make text move in html
Html
1 vote268 views1 answer
What is spread in trading
Html
1 vote272 views4 answers
Semantic ui
Html
12 votes258 views2 answers
File input html
Html
0 vote311 views1 answer
How to remove spaces between html elements like lebel
Html
0 vote276 views1 answer
Pop up animation css
Html
0 vote282 views1 answer
What to use for double quotes in html
Html
75 votes304 views6 answers
Html button with href
Html
13 votes293 views3 answers
Button center class in bootstrap
Html