Constructors

Section titled "Constructors"

IgxMonthsViewComponent 

new IgxMonthsViewComponent(): IgxMonthsViewComponent

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:193

Returns IgxMonthsViewComponent

Properties

Section titled "Properties"

el

Section titled "el" 
el: ElementRef<any>

Defined in projects/igniteui-angular/calendar/src/calendar/months-view/months-view.component.ts:40

formatView

Section titled "formatView"

Gets/sets whether the view should be rendered according to the locale and format, if any.

 
formatView: boolean = true

Defined in projects/igniteui-angular/calendar/src/calendar/months-view/months-view.component.ts:110

id

Section titled "id"

Sets/gets the id of the months view. If not set, the id will have value "igx-months-view-0".

<igx-months-view id="my-months-view"></igx-months-view>
let monthsViewId =  this.monthsView.id;
id: string

Defined in projects/igniteui-angular/calendar/src/calendar/months-view/months-view.component.ts:59

role

Section titled "role"

Inherited from: IgxCalendarViewDirective 

role: string = 'grid'

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:58

selected

Section titled "selected"

Inherited from: IgxCalendarViewDirective

Emits an event when a selection is made in the view. Provides reference the date property in the component.

 
selected: EventEmitter<Date>

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:90

showActive

Section titled "showActive"

Inherited from: IgxCalendarViewDirective

Applies styles to the active item on view focus.

 
showActive: boolean = false

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:82

tabIndex

Section titled "tabIndex"

Inherited from: IgxCalendarViewDirective 

tabIndex: number = 0

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:62

Accessors

Section titled "Accessors"

date

Section titled "date"

Inherited from: IgxCalendarViewDirective

Gets/sets the selected date of the view. By default it's the current date.

let date = this.view.date;
set date(value: Date): void

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:158

Parameters

  • value: Date

Returns void

locale

Section titled "locale"

Inherited from: IgxCalendarViewDirective

Gets the locale of the view. Default value is "en".

let locale = this.view.locale;
get locale(): string

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:178

Returns string

Sets the locale of the view. Expects a valid BCP 47 language tag. Default value is "en".

 
set locale(value: string): void

Defined in projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts:189

Parameters

  • value: string

Returns void

monthFormat

Section titled "monthFormat"

Gets the month format option of the months view.

let monthFormat = this.monthsView.monthFormat.
get monthFormat(): any

Defined in projects/igniteui-angular/calendar/src/calendar/months-view/months-view.component.ts:89

Returns any

Sets the month format option of the months view.

<igx-months-view> [monthFormat]="short'"</igx-months-view>
set monthFormat(value: any): void

Defined in projects/igniteui-angular/calendar/src/calendar/months-view/months-view.component.ts:101

Parameters

  • value: any

Returns void

standalone

Section titled "standalone" 
set standalone(value: boolean): void

Defined in projects/igniteui-angular/calendar/src/calendar/months-view/months-view.component.ts:78

Parameters

  • value: boolean

Returns void