From bd87b9ef1672d02c5f45cdcbb918eb1e5007682a Mon Sep 17 00:00:00 2001 From: crisbeto Date: Sun, 14 May 2017 09:15:49 +0200 Subject: [PATCH] fix(datepicker): set cursor on clickable elements * Adds the `pointer` cursor to the calendar toggle and date cells, indicating that they're clickable. * Sets the `default` cursor on the disable states, instead of the `text` cursor. Fixes #4533. --- src/lib/datepicker/calendar-body.scss | 5 +++++ src/lib/datepicker/datepicker-toggle.scss | 1 + 2 files changed, 6 insertions(+) diff --git a/src/lib/datepicker/calendar-body.scss b/src/lib/datepicker/calendar-body.scss index fc4f2c685f93..c3b90c946a09 100644 --- a/src/lib/datepicker/calendar-body.scss +++ b/src/lib/datepicker/calendar-body.scss @@ -36,6 +36,11 @@ $mat-calendar-body-cell-content-size: 100% - $mat-calendar-body-cell-content-mar padding: $mat-calendar-body-cell-padding 0; text-align: center; outline: none; + cursor: pointer; +} + +.mat-calendar-body-disabled { + cursor: default; } .mat-calendar-body-cell-content { diff --git a/src/lib/datepicker/datepicker-toggle.scss b/src/lib/datepicker/datepicker-toggle.scss index dd394dd25f7c..f8180f7771b4 100644 --- a/src/lib/datepicker/datepicker-toggle.scss +++ b/src/lib/datepicker/datepicker-toggle.scss @@ -11,4 +11,5 @@ $mat-datepicker-toggle-icon-size: 24px !default; border: none; outline: none; vertical-align: middle; + cursor: pointer; }