igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
38 lines (37 loc) • 1.59 kB
TypeScript
import { LitElement } from 'lit';
import { type IgcDateRangePickerResourceStrings } from '../common/i18n/date-range-picker.resources.js';
import type { CustomDateRange } from './date-range-picker.js';
/**
* The predefined ranges area component is used within the `igc-date-range picker` element and it
* displays a set of chips with predefined date ranges. The component allows users to quickly select
* a predefined date range value. Users can also provide custom ranges to be displayed as chips.
*
* @element igc-predefined-ranges-area
*/
export default class IgcPredefinedRangesAreaComponent extends LitElement {
static readonly tagName = "igc-predefined-ranges-area";
static styles: import("lit").CSSResult[];
static register(): void;
private _predefinedRanges;
/**
* Whether the control will show chips with predefined ranges.
* @attr use-predefined-ranges
*/
usePredefinedRanges: boolean;
/**
* Renders chips with custom ranges based on the elements of the array.
*/
customRanges: CustomDateRange[];
/** The resource strings of the date range area component. */
resourceStrings: IgcDateRangePickerResourceStrings;
constructor();
protected _updatePredefinedRanges(): void;
private _handleRangeSelect;
protected _renderDateRanges(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;
}
}