Date picker API · Needless UI

इम्पोर्ट

import-date-picker.ts

import {
  NuiDateField,
  NuiDatePicker,
  NuiDateRangePicker,
  NuiTimeField,
} from '@needless-ui/angular/date-picker';

NuiDateField

सेगमेंट में टाइप की गई तारीख़, या तारीख़ और समय।

सिलेक्टर: nui-date-field

NuiDateField: प्रॉपर्टी
नाम	टाइप	डिफ़ॉल्ट	विवरण
`value`दो-तरफ़ा	`NuiDate \| NuiDateTime \| null`	`null`	वैल्यू, या हर सेगमेंट भरने तक null।
`granularity`इनपुट	`'day' \| 'hour' \| 'minute' \| 'second'`	`'day'`	दिन पर रुकता है, या घंटे, मिनट या सेकंड तक जाता है।
`min, max`इनपुट	`string \| null`		सबसे पहली और सबसे आख़िरी वैल्यू। इनके बाहर फ़ील्ड अमान्य होता है।
`placeholder`इनपुट	`string \| null`	`now`	ऐरो कुंजियों से खाली सेगमेंट कहाँ से शुरू होते हैं।
`hourCycle`इनपुट	`12 \| 24`		12 या 24 घंटे की घड़ी। डिफ़ॉल्ट रूप से लोकेल की।
`minuteStep`इनपुट	`number`	`1`	ऐरो कुंजियाँ मिनट कितने बदलती हैं।
`disabled, readonly`इनपुट	`boolean`	`false`	बदलाव रोकते हैं।
`locale`इनपुट	`string`	`LOCALE_ID`	क्रम, सेपरेटर, अंक और घड़ी तय करता है।
`labels`इनपुट	`Partial<NuiDateFieldLabels>`		फ़ील्ड का बोला जाने वाला हर टेक्स्ट, अनुवाद के लिए।
`invalid`प्रॉपर्टी	`Signal<boolean>`		क्या वैल्यू `min` और `max` के बाहर है।
`focus`मेथड	`() => void`		पहले खाली सेगमेंट पर फ़ोकस करता है।

NuiTimeField

सेगमेंट में टाइप किया गया दिन का समय। इसके इनपुट डेट फ़ील्ड वाले ही हैं।

सिलेक्टर: nui-time-field

NuiTimeField: प्रॉपर्टी
नाम	टाइप	डिफ़ॉल्ट	विवरण
`granularity`इनपुट	`'hour' \| 'minute' \| 'second'`	`'minute'`	घंटे, मिनट या सेकंड पर रुकता है।

NuiDatePicker

पॉपओवर में कैलेंडर वाला डेट फ़ील्ड। इसमें डेट फ़ील्ड के इनपुट हैं, और ये भी।

सिलेक्टर: nui-date-picker

NuiDatePicker: प्रॉपर्टी
नाम	टाइप	विवरण
`unavailable`इनपुट	`(date: NuiDate) => boolean`	वे दिन जिन्हें कैलेंडर नहीं चुनेगा।
`firstDay, weekNumbers`इनपुट	`1 … 7, boolean`	कैलेंडर को दिए जाते हैं।
`labels`इनपुट	`Partial<NuiDatePickerLabels>`	फ़ील्ड, बटन और कैलेंडर के टेक्स्ट।
`corners`इनपुट	`NuiCorners`	इसके कोनों की आकृति: `round`, `squircle`, `bevel`, `scoop`, `notch` या `square`।
`radius`इनपुट	`NuiRadius`	इसके कोने कितने बड़े हों: `none`, `small`, `medium`, `large` या `full`।
`density`इनपुट	`NuiDensity`	यह कितनी जगह घेरता है: `compact`, `regular` या `roomy`।
`show`मेथड	`() => void`	कैलेंडर खोलता है।

कस्टमाइज़ेशन के जो इनपुट आप सेट नहीं करते, वे सबसे नज़दीकी data-nui-* एट्रिब्यूट से अपनी वैल्यू लेते हैं। कस्टमाइज़ेशन गाइड देखें।

NuiDateRangePicker

रेंज कैलेंडर वाले दो डेट फ़ील्ड। इसमें डेट पिकर के इनपुट हैं, और ये भी।

सिलेक्टर: nui-date-range-picker

NuiDateRangePicker: प्रॉपर्टी
नाम	टाइप	डिफ़ॉल्ट	विवरण
`value`दो-तरफ़ा	`NuiDateRange \| null`	`null`	रेंज, या दोनों सिरे क्रम से सेट होने तक null।
`presets`इनपुट	`NuiDateRangePreset[]`	`[]`	नाम वाली रेंज, जो एक क्लिक में चुनी जाती हैं।
`months`इनपुट	`number`	`2`	कैलेंडर में अगल-बगल दिखने वाले महीने।

NuiDateRangePreset

नाम वाली रेंज, तय या चुनते समय बनने वाली।

NuiDateRangePreset: प्रॉपर्टी
नाम	टाइप	डिफ़ॉल्ट	विवरण
`label`प्रॉपर्टी	`string`		इसका नाम।
`range`प्रॉपर्टी	`NuiDateRange \| (() => NuiDateRange)`		रेंज, या उसे बनाने वाला फ़ंक्शन।