You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
4.9 KiB
105 lines
4.9 KiB
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
import { DateAdapter, MatDateFormats } from '@angular/material/core';
|
|
import { Directionality } from '@angular/cdk/bidi';
|
|
import { MatCalendarBody, MatCalendarCell, MatCalendarUserEvent, MatCalendarCellClassFunction } from './calendar-body';
|
|
import { DateRange } from './date-selection-model';
|
|
/**
|
|
* An internal component used to display a single year in the datepicker.
|
|
* @docs-private
|
|
*/
|
|
import * as ɵngcc0 from '@angular/core';
|
|
export declare class MatYearView<D> implements AfterContentInit, OnDestroy {
|
|
readonly _changeDetectorRef: ChangeDetectorRef;
|
|
private _dateFormats;
|
|
_dateAdapter: DateAdapter<D>;
|
|
private _dir?;
|
|
private _rerenderSubscription;
|
|
/** Flag used to filter out space/enter keyup events that originated outside of the view. */
|
|
private _selectionKeyPressed;
|
|
/** The date to display in this year view (everything other than the year is ignored). */
|
|
get activeDate(): D;
|
|
set activeDate(value: D);
|
|
private _activeDate;
|
|
/** The currently selected date. */
|
|
get selected(): DateRange<D> | D | null;
|
|
set selected(value: DateRange<D> | D | null);
|
|
private _selected;
|
|
/** The minimum selectable date. */
|
|
get minDate(): D | null;
|
|
set minDate(value: D | null);
|
|
private _minDate;
|
|
/** The maximum selectable date. */
|
|
get maxDate(): D | null;
|
|
set maxDate(value: D | null);
|
|
private _maxDate;
|
|
/** A function used to filter which dates are selectable. */
|
|
dateFilter: (date: D) => boolean;
|
|
/** Function that can be used to add custom CSS classes to date cells. */
|
|
dateClass: MatCalendarCellClassFunction<D>;
|
|
/** Emits when a new month is selected. */
|
|
readonly selectedChange: EventEmitter<D>;
|
|
/** Emits the selected month. This doesn't imply a change on the selected date */
|
|
readonly monthSelected: EventEmitter<D>;
|
|
/** Emits when any date is activated. */
|
|
readonly activeDateChange: EventEmitter<D>;
|
|
/** The body of calendar table */
|
|
_matCalendarBody: MatCalendarBody;
|
|
/** Grid of calendar cells representing the months of the year. */
|
|
_months: MatCalendarCell[][];
|
|
/** The label for this year (e.g. "2017"). */
|
|
_yearLabel: string;
|
|
/** The month in this year that today falls on. Null if today is in a different year. */
|
|
_todayMonth: number | null;
|
|
/**
|
|
* The month in this year that the selected Date falls on.
|
|
* Null if the selected Date is in a different year.
|
|
*/
|
|
_selectedMonth: number | null;
|
|
constructor(_changeDetectorRef: ChangeDetectorRef, _dateFormats: MatDateFormats, _dateAdapter: DateAdapter<D>, _dir?: Directionality | undefined);
|
|
ngAfterContentInit(): void;
|
|
ngOnDestroy(): void;
|
|
/** Handles when a new month is selected. */
|
|
_monthSelected(event: MatCalendarUserEvent<number>): void;
|
|
/** Handles keydown events on the calendar body when calendar is in year view. */
|
|
_handleCalendarBodyKeydown(event: KeyboardEvent): void;
|
|
/** Handles keyup events on the calendar body when calendar is in year view. */
|
|
_handleCalendarBodyKeyup(event: KeyboardEvent): void;
|
|
/** Initializes this year view. */
|
|
_init(): void;
|
|
/** Focuses the active cell after the microtask queue is empty. */
|
|
_focusActiveCell(): void;
|
|
/**
|
|
* Gets the month in this year that the given Date falls on.
|
|
* Returns null if the given Date is in another year.
|
|
*/
|
|
private _getMonthInCurrentYear;
|
|
/** Creates an MatCalendarCell for the given month. */
|
|
private _createCellForMonth;
|
|
/** Whether the given month is enabled. */
|
|
private _shouldEnableMonth;
|
|
/**
|
|
* Tests whether the combination month/year is after this.maxDate, considering
|
|
* just the month and year of this.maxDate
|
|
*/
|
|
private _isYearAndMonthAfterMaxDate;
|
|
/**
|
|
* Tests whether the combination month/year is before this.minDate, considering
|
|
* just the month and year of this.minDate
|
|
*/
|
|
private _isYearAndMonthBeforeMinDate;
|
|
/** Determines whether the user has the RTL layout direction. */
|
|
private _isRtl;
|
|
/** Sets the currently-selected month based on a model value. */
|
|
private _setSelectedMonth;
|
|
static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatYearView<any>, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
|
static ɵcmp: ɵngcc0.ɵɵComponentDeclaration<MatYearView<any>, "mat-year-view", ["matYearView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "monthSelected": "monthSelected"; "activeDateChange": "activeDateChange"; }, never, never>;
|
|
}
|
|
|
|
//# sourceMappingURL=year-view.d.ts.map
|