src/app/schedule/schedule.component.ts
| encapsulation | ViewEncapsulation.None |
| selector | app-schedule |
| styleUrls | schedule.component.scss |
| templateUrl | ./schedule.component.html |
Properties |
|
Methods |
constructor()
|
|
Defined in src/app/schedule/schedule.component.ts:11
|
| ngOnInit |
ngOnInit()
|
|
Defined in src/app/schedule/schedule.component.ts:14
|
|
Returns :
void
|
| Public date |
date:
|
Type : FormControl
|
|
Defined in src/app/schedule/schedule.component.ts:11
|
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { IMyDrpOptions } from 'mydaterangepicker';
import { FormControl } from '@angular/forms';
@Component({
selector: 'app-schedule',
templateUrl: './schedule.component.html',
styleUrls: ['./schedule.component.scss'],
encapsulation: ViewEncapsulation.None
})
export class ScheduleComponent implements OnInit {
public date: FormControl = new FormControl('');
constructor() {}
ngOnInit() {}
}
<div class="container schedule-page">
<div class="row schedule-content">
<div class="col-md-4"></div>
<div class="col-md-4 form-content">
<mat-card>
<div class="row">
<mat-form-field class="select-hospitals col-12">
<mat-select placeholder="Selected hospitals">
<mat-option>Selected hospitals</mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="row">
<mat-form-field class="select-hospitals col-12">
<mat-select placeholder="Selected Department">
<mat-option>Selected Department</mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="row">
<mat-form-field class="select-hospitals col-12">
<mat-select placeholder="Selected Doctor">
<mat-option>Selected Doctor</mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="row">
<mat-form-field class="col-12">
<input matInput placeholder="Name of Patient">
</mat-form-field>
</div>
<div class="row">
<mat-form-field class="col-12">
<input matInput [matDatepicker]="dp" placeholder="Date of appointment" [formControl]="date">
<mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
<mat-datepicker #dp></mat-datepicker>
</mat-form-field>
</div>
<div class="row schedule-action">
<div class="col-2"></div>
<div class="col-8">
<button [routerLink]="['/booking-confirmation']">Make an appointment</button>
</div>
<div class="col-2"></div>
</div>
</mat-card>
</div>
<div class="col-md-4"></div>
</div>
</div>