Needless UI

कंपोनंट्स

Date picker

तारीख किंवा वेळ सेगमेंटमध्ये टाइप करा, किंवा कॅलेंडरमधून निवडा.

इम्पोर्ट

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

NuiDateField

सेगमेंटमध्ये टाइप केलेली तारीख, किंवा तारीख आणि वेळ.

सिलेक्टर
nui-date-field
नावप्रकारडीफॉल्टवर्णन
valueदुतर्फीNuiDate | NuiDateTime | nullnullव्हॅल्यू, किंवा प्रत्येक सेगमेंट भरेपर्यंत null.
granularityइनपुट'day' | 'hour' | 'minute' | 'second''day'दिवसावर थांबते, किंवा तास, मिनिट किंवा सेकंदापर्यंत जाते.
min, maxइनपुटstring | nullसर्वात आधीची आणि सर्वात नंतरची व्हॅल्यू. त्यांच्या बाहेर फील्ड अवैध ठरते.
placeholderइनपुटstring | nullnowॲरो कळांनी रिकामे सेगमेंट कुठून सुरू होतात.
hourCycleइनपुट12 | 2412 किंवा 24 तासांचे घड्याळ. डीफॉल्टनुसार लोकेलचे.
minuteStepइनपुटnumber1ॲरो कळा मिनिटे किती बदलतात.
disabled, readonlyइनपुटbooleanfalseबदल थांबवतात.
localeइनपुटstringLOCALE_IDक्रम, विभाजक, अंक आणि घड्याळ ठरवते.
labelsइनपुटPartial<NuiDateFieldLabels>फील्ड बोलत असलेला प्रत्येक मजकूर, भाषांतरासाठी.
invalidप्रॉपर्टीSignal<boolean>व्हॅल्यू min आणि max च्या बाहेर आहे का.
focusमेथड() => voidपहिल्या रिकाम्या सेगमेंटवर फोकस करते.

NuiTimeField

सेगमेंटमध्ये टाइप केलेली दिवसातील वेळ. याचे इनपुट डेट फील्डसारखेच आहेत.

सिलेक्टर
nui-time-field
नावप्रकारडीफॉल्टवर्णन
granularityइनपुट'hour' | 'minute' | 'second''minute'तास, मिनिट किंवा सेकंदावर थांबते.

NuiDatePicker

पॉपओव्हरमध्ये कॅलेंडर असलेले डेट फील्ड. यात डेट फील्डचे इनपुट आहेत, आणि हेही.

सिलेक्टर
nui-date-picker
नावप्रकारडीफॉल्टवर्णन
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
नावप्रकारडीफॉल्टवर्णन
valueदुतर्फीNuiDateRange | nullnullरेंज, किंवा दोन्ही टोके क्रमाने सेट होईपर्यंत null.
presetsइनपुटNuiDateRangePreset[][]एका क्लिकमध्ये निवडता येणाऱ्या, नावे असलेल्या रेंज.
monthsइनपुटnumber2कॅलेंडरमध्ये शेजारी-शेजारी दिसणारे महिने.

NuiDateRangePreset

नाव असलेली रेंज, ठरलेली किंवा निवडताना तयार होणारी.

नावप्रकारडीफॉल्टवर्णन
labelप्रॉपर्टीstringतिचे नाव.
rangeप्रॉपर्टीNuiDateRange | (() => NuiDateRange)रेंज, किंवा ती तयार करणारे फंक्शन.