Skip to content

Commit

Permalink
Refactor #10024
Browse files Browse the repository at this point in the history
  • Loading branch information
@yigitfindikli
yigitfindikli committed Apr 6, 2021
1 parent e26337b commit 268835e
Show file tree
Hide file tree
Showing 9 changed files with 41 additions and 41 deletions.
2 changes: 1 addition & 1 deletion src/app/components/calendar/calendar.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ export interface LocaleSettings {
@Component({
selector: 'p-calendar',
template: `
<span #container [ngClass]="{'p-calendar':true, 'p-calendar-w-btn': showIcon, 'p-calendar-timeonly': timeOnly, 'p-focus': focus}" [ngStyle]="style" [class]="styleClass">
<span #container [ngClass]="{'p-calendar':true, 'p-calendar-w-btn': showIcon, 'p-calendar-timeonly': timeOnly, 'p-calendar-disabled':disabled, 'p-focus': focus}" [ngStyle]="style" [class]="styleClass">
<ng-template [ngIf]="!inline">
<input #inputfield type="text" [attr.id]="inputId" [attr.name]="name" [attr.required]="required" [attr.aria-required]="required" [value]="inputFieldValue" (focus)="onInputFocus($event)" (keydown)="onInputKeydown($event)" (click)="onInputClick()" (blur)="onInputBlur($event)"
[readonly]="readonlyInput" (input)="onUserInput($event)" [ngStyle]="inputStyle" [class]="inputStyleClass" [placeholder]="placeholder||''" [disabled]="disabled" [attr.tabindex]="tabindex" [attr.inputmode]="touchUI ? 'off' : null"
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/md-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(255, 255, 255, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #CE93D8;
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/md-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(255, 255, 255, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #9FA8DA;
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/md-light-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(0, 0, 0, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #673AB7;
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/md-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(0, 0, 0, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #3F51B5;
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/mdc-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(255, 255, 255, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #673AB7;
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/mdc-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(255, 255, 255, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #3F51B5;
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/mdc-light-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(0, 0, 0, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #673AB7;
box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down
10 changes: 5 additions & 5 deletions src/assets/components/themes/mdc-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5430,16 +5430,16 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled span {
color: rgba(0, 0, 0, 0.38);
}
.p-calendar-w-btn:not(.p-disabled):hover {
.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
.p-calendar-w-btn:not(.p-disabled).p-focus {
.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
border-color: #3F51B5;
box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
}
.p-calendar-w-btn.p-calendar-disabled {
opacity: 0.38;
}

.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
Expand Down

0 comments on commit 268835e

Please sign in to comment.