@asadi/angular-date-components
Version:
`Angular Date Components` is a comprehensive angular library of date-related components designed to meet the needs of applications that require localization based on various calendar systems. While the package currently includes two powerful components (S
106 lines (105 loc) • 4.37 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { ADCILabels, ADCIOptions, ADCIViewButton } from '@asadi/angular-date-components/core';
import { DateChangeService } from '@asadi/angular-date-components/core';
import { ADCISchedulerView } from '../../interface.global';
import * as i0 from "@angular/core";
import * as i1 from "../../directives/adc-scheduler-source.directive";
/**
* A component for rendering and managing a scheduler interface with different views (month, week, day).
* The component allows navigation between views, changing the displayed date, and adding custom views.
*
* ### Usage Example
* ```html
* <adc-scheduler
* [DefaultViews]="['month', 'week']"
* [CustomViews]="customViews"
* (ViewChange)="onViewChanged($event)"
* (Next)="onNextClicked()"
* (Previous)="onPreviousClicked()">
* </adc-scheduler>
* ```
*/
export declare class ADCSchedulerComponent {
schedulerOptions: ADCIOptions;
labels: ADCILabels | null;
private dateChangeService;
currentView: string;
private defaultViewComponents;
viewButtons: ADCIViewButton[];
schedulerViews: ADCISchedulerView[];
private _defaultViews;
private _customViews;
/**
* The default views to be shown in the scheduler (month, week, etc.).
* This input allows you to customize the views shown by default.
*
* @example
* <adc-scheduler [DefaultViews]="['month', 'week']"></adc-scheduler>
*/
set defaultViews(value: string[]);
get defaultViews(): string[];
/**
* Custom views that can be added to the scheduler. These views are added to the list of available views.
*
* @example
* <adc-scheduler [CustomViews]="customViews"></adc-scheduler>
*/
set customViews(value: ADCISchedulerView[]);
get customViews(): ADCISchedulerView[];
/**
* disables next button for scheduler component
*
* @example
* <adc-scheduler disableNext></adc-scheduler>
*/
disableNext: boolean;
/**
* disables previous button for scheduler component
*
* @example
* <adc-scheduler disablePrevious></adc-scheduler>
*/
disablePrevious: boolean;
/**
* disables today button for scheduler component
*
* @example
* <adc-scheduler disableToday></adc-scheduler>
*/
disableToday: boolean;
/**
* Event emitted when the current view changes.
*
* @event
* @example
* <adc-scheduler (ViewChange)="onViewChanged($event)"></adc-scheduler>
*/
onViewChangeEvent: EventEmitter<string>;
/**
* Event emitted when the "Next" button is clicked, indicating the user wants to move to the next date range.
*
* @event
* @example
* <adc-scheduler (Next)="onNextClicked()"></adc-scheduler>
*/
onNextEvent: EventEmitter<void>;
/**
* Event emitted when the "Previous" button is clicked, indicating the user wants to move to the previous date range.
*
* @event
* @example
* <adc-scheduler (Previous)="onPreviousClicked()"></adc-scheduler>
*/
onPreviousEvent: EventEmitter<void>;
constructor(schedulerOptions: ADCIOptions, labels: ADCILabels | null, dateChangeService: DateChangeService);
onToday(): void;
onViewChange(currentView: string): void;
onPrevious(): void;
oNext(): void;
onViewSet(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ADCSchedulerComponent, [null, { optional: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<ADCSchedulerComponent, "adc-scheduler", never, { "defaultViews": { "alias": "defaultViews"; "required": false; }; "customViews": { "alias": "customViews"; "required": false; }; "disableNext": { "alias": "disableNext"; "required": false; }; "disablePrevious": { "alias": "disablePrevious"; "required": false; }; "disableToday": { "alias": "disableToday"; "required": false; }; }, { "onViewChangeEvent": "viewChange"; "onNextEvent": "next"; "onPreviousEvent": "previous"; }, never, never, true, [{ directive: typeof i1.ADCSchedulerSource; inputs: { "startOf": "startOf"; "holidays": "holidays"; "weekends": "weekends"; "events": "events"; }; outputs: { "dateRangeSelect": "dateRangeSelect"; "eventSelect": "eventSelect"; "dateRangeChange": "dateRangeChange"; }; }]>;
static ngAcceptInputType_disableNext: unknown;
static ngAcceptInputType_disablePrevious: unknown;
static ngAcceptInputType_disableToday: unknown;
}