DevExtreme Angular - Current Time Indication
The Scheduler displays a specific indicator that highlights the current time on a view by default. The indicator is available only on views containing the time scale.
Use the showCurrentTimeIndicator option to control the indicator's visibility.
HTML
TypeScript
- <dx-scheduler ...
- [showCurrentTimeIndicator]="true">
- </dx-scheduler>
- import { DxSchedulerModule } from 'devextreme-angular';
- // ...
- export class AppComponent {
- // ...
- }
- @NgModule({
- imports: [
- // ...
- DxSchedulerModule
- ],
- // ...
- })
Additionally, you can apply shading to cover the timetable up to the current time by assigning true to the shadeUntilCurrentTime option.
HTML
TypeScript
- <dx-scheduler ...
- [showCurrentTimeIndicator]="true"
- [shadeUntilCurrentTime]="true">
- </dx-scheduler>
- import { DxSchedulerModule } from 'devextreme-angular';
- // ...
- export class AppComponent {
- // ...
- }
- @NgModule({
- imports: [
- // ...
- DxSchedulerModule
- ],
- // ...
- })
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.