इम्पोर्ट
import { NuiCalendar, type NuiDateRange } from '@needless-ui/angular/calendar';NuiCalendar
दिन चुनने के लिए कैलेंडर।
| नाम | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
selectionइनपुट | 'single' | 'range' | 'multiple' | 'single' | कितने दिन चुने जा सकते हैं। |
valueदो-तरफ़ा | NuiDate | null | null | चुना गया दिन। |
valuesदो-तरफ़ा | NuiDate[] | [] | चुने गए दिन, क्रम में। |
rangeदो-तरफ़ा | NuiDateRange | null | null | चुनी गई रेंज, दोनों सिरों समेत। |
monthदो-तरफ़ा | NuiMonth | null | null | दिखाया गया महीना; कई हों तो पहला। |
viewदो-तरफ़ा | 'day' | 'month' | 'year' | 'day' | दिन, महीने या साल। |
min, maxइनपुट | NuiDate | null | चुने जा सकने वाले पहले और आख़िरी दिन। | |
unavailableइनपुट | (date: NuiDate) => boolean | दूसरे दिन भी चुनाव से बाहर रखता है, जैसे छुट्टियाँ। | |
monthsइनपुट | number | 1 | अगल-बगल दिखने वाले महीने। |
weekNumbersइनपुट | boolean | false | ISO सप्ताह संख्याएँ दिखाता है। |
firstDayइनपुट | 1 … 7 | सप्ताह का पहला दिन, सोमवार के लिए 1। डिफ़ॉल्ट रूप से लोकेल का। | |
localeइनपुट | string | LOCALE_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
दिनों की रेंज।
| नाम | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
start, endप्रॉपर्टी | NuiDate | पहला और आख़िरी दिन, दोनों शामिल। |