fixing WCAG

This commit is contained in:
DESKTOP-FD57EEK\Joshua Matamorros 2025-07-13 21:27:48 -06:00
parent 16c2016fe9
commit 700726f550
4 changed files with 10 additions and 8 deletions

View file

@ -3,19 +3,19 @@
<span class="subtitle">
Selected date: {{ date | date }}
</span>
<nb-calendar [(date)]="date" [boundingMonth]="true" showWeekNumber></nb-calendar>
<nb-calendar ngxCalendarAriaLabel [(date)]="date" [boundingMonth]="true" showWeekNumber></nb-calendar>
</div>
<div class="calendar-container">
<span class="subtitle">
Selected range: {{ range.start | date }} - {{ range.end | date }}
</span>
<nb-calendar-range [(range)]="range"></nb-calendar-range>
<nb-calendar-range ngxCalendarAriaLabel [(range)]="range"></nb-calendar-range>
</div>
<div class="calendar-container">
<span class="subtitle">
Selected date: {{ date2 | date }}
</span>
<nb-calendar
<nb-calendar ngxCalendarAriaLabel
[(date)]="date2"
[dayCellComponent]="dayCellComponent"
></nb-calendar>

View file

@ -37,6 +37,7 @@ import { NebularFormInputsComponent } from './form-inputs/nebular-form-inputs.co
import { NebularSelectComponent } from './form-inputs/nebular-select/nebular-select.component';
import { CalendarKitFullCalendarShowcaseComponent } from './calendar-kit/calendar-kit.component';
import { CalendarKitMonthCellComponent } from './calendar-kit/month-cell/month-cell.component';
import {CalendarAriaLabelDirective} from './calendar/calendar-aria-label.directive';
const COMPONENTS = [
ExtraComponentsComponent,
@ -55,6 +56,7 @@ const COMPONENTS = [
NebularSelectComponent,
CalendarKitFullCalendarShowcaseComponent,
CalendarKitMonthCellComponent,
CalendarAriaLabelDirective,
];
const MODULES = [