इम्पोर्ट

import-calendar.ts
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';

NuiCalendar

दिवस निवडण्यासाठी कॅलेंडर.

सिलेक्टर
nui-calendar
NuiCalendar: प्रॉपर्टीज
नावप्रकारडीफॉल्टवर्णन
selectionइनपुट'single' | 'range' | 'multiple''single'किती दिवस निवडता येतात.
valueदुतर्फीNuiDate | nullnullनिवडलेला दिवस.
valuesदुतर्फीNuiDate[][]निवडलेले दिवस, क्रमाने.
rangeदुतर्फीNuiDateRange | nullnullनिवडलेली रेंज, दोन्ही टोकांसह.
monthदुतर्फीNuiMonth | nullnullदाखवलेला महिना; अनेक असल्यास पहिला.
viewदुतर्फी'day' | 'month' | 'year''day'दिवस, महिने किंवा वर्षे.
min, maxइनपुटNuiDate | nullनिवडता येणारे पहिले आणि शेवटचे दिवस.
unavailableइनपुट(date: NuiDate) => booleanइतर दिवसही वगळते, उदा. सुट्ट्या.
monthsइनपुटnumber1शेजारी-शेजारी दिसणारे महिने.
weekNumbersइनपुटbooleanfalseISO आठवडा क्रमांक दाखवते.
firstDayइनपुट1 … 7आठवड्याचा पहिला दिवस, सोमवारसाठी 1. डीफॉल्टनुसार लोकेलचा.
localeइनपुटstringLOCALE_IDनावे आणि अंक फॉरमॅट करते, आणि आठवड्याचा पहिला दिवस ठरवते.
labelsइनपुटPartial<NuiCalendarLabels>कॅलेंडर दाखवत किंवा जाहीर करत असलेला प्रत्येक मजकूर, भाषांतरासाठी.
cornersइनपुटNuiCornersकोपऱ्यांची आकृती: round, squircle, bevel, scoop, notch किंवा square.
radiusइनपुटNuiRadiusकोपरे किती मोठे असावेत: none, small, medium, large किंवा full.
densityइनपुटNuiDensityकिती जागा व्यापावी: compact, regular किंवा roomy.
pickedआउटपुटNuiDate | NuiDateRangeप्रत्येक निवड एमिट करते: एक दिवस, किंवा पूर्ण झाल्यावर रेंज.
focusDateमेथड(date?: NuiDate) => voidकीबोर्ड फोकस एखाद्या दिवसावर नेते, आणि त्याचा महिना दाखवते.

आपण सेट न केलेले कस्टमायझेशन इनपुट्स सर्वात जवळच्या data-nui-* ॲट्रिब्यूटमधून व्हॅल्यू घेतात. कस्टमायझेशन मार्गदर्शक पाहा.

NuiDateRange

दिवसांची रेंज.

NuiDateRange: प्रॉपर्टीज
नावप्रकारडीफॉल्टवर्णन
start, endप्रॉपर्टीNuiDateपहिला आणि शेवटचा दिवस, दोन्ही समाविष्ट.