Skip to content

Commit d2d67f5

Browse files
crisbetojelbourn
authored andcommitted
fix(datepicker): set cursor on clickable elements (#4542)
* 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.
1 parent 98dba31 commit d2d67f5

File tree

2 files changed

+6
-0
lines changed

2 files changed

+6
-0
lines changed

src/lib/datepicker/calendar-body.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,11 @@ $mat-calendar-body-cell-content-size: 100% - $mat-calendar-body-cell-content-mar
3636
padding: $mat-calendar-body-cell-padding 0;
3737
text-align: center;
3838
outline: none;
39+
cursor: pointer;
40+
}
41+
42+
.mat-calendar-body-disabled {
43+
cursor: default;
3944
}
4045

4146
.mat-calendar-body-cell-content {

src/lib/datepicker/datepicker-toggle.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,4 +11,5 @@ $mat-datepicker-toggle-icon-size: 24px !default;
1111
border: none;
1212
outline: none;
1313
vertical-align: middle;
14+
cursor: pointer;
1415
}

0 commit comments

Comments
 (0)