Skip to content

Commit 1652314

Browse files
committed
add datepicker dialog and popup classes for easy styling
1 parent dfe01f2 commit 1652314

File tree

2 files changed

+7
-5
lines changed

2 files changed

+7
-5
lines changed

src/lib/datepicker/datepicker.spec.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -70,24 +70,24 @@ describe('MdDatepicker', () => {
7070
}));
7171

7272
it('open non-touch should open popup', () => {
73-
expect(document.querySelector('.cdk-overlay-pane')).toBeNull();
73+
expect(document.querySelector('.cdk-overlay-pane.mat-datepicker-popup')).toBeNull();
7474

7575
testComponent.datepicker.open();
7676
fixture.detectChanges();
7777

78-
expect(document.querySelector('.cdk-overlay-pane')).not.toBeNull();
78+
expect(document.querySelector('.cdk-overlay-pane.mat-datepicker-popup')).not.toBeNull();
7979
});
8080

8181
it('open touch should open dialog', () => {
8282
testComponent.touch = true;
8383
fixture.detectChanges();
8484

85-
expect(document.querySelector('md-dialog-container')).toBeNull();
85+
expect(document.querySelector('.mat-datepicker-dialog md-dialog-container')).toBeNull();
8686

8787
testComponent.datepicker.open();
8888
fixture.detectChanges();
8989

90-
expect(document.querySelector('md-dialog-container')).not.toBeNull();
90+
expect(document.querySelector('.mat-datepicker-dialog md-dialog-container')).not.toBeNull();
9191
});
9292

9393
it('open in disabled mode should not open the calendar', () => {

src/lib/datepicker/datepicker.ts

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -302,6 +302,7 @@ export class MdDatepicker<D> implements OnDestroy {
302302
this._dialogRef = this._dialog.open(MdDatepickerContent, {
303303
direction: this._dir ? this._dir.value : 'ltr',
304304
viewContainerRef: this._viewContainerRef,
305+
panelClass: 'mat-datepicker-dialog',
305306
});
306307
this._dialogRef.afterClosed().subscribe(() => this.close());
307308
this._dialogRef.componentInstance.datepicker = this;
@@ -338,7 +339,8 @@ export class MdDatepicker<D> implements OnDestroy {
338339
hasBackdrop: true,
339340
backdropClass: 'md-overlay-transparent-backdrop',
340341
direction: this._dir ? this._dir.value : 'ltr',
341-
scrollStrategy: this._scrollStrategy()
342+
scrollStrategy: this._scrollStrategy(),
343+
panelClass: 'mat-datepicker-popup',
342344
});
343345

344346
this._popupRef = this._overlay.create(overlayState);

0 commit comments

Comments
 (0)