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)`		રેન્જ, અથવા તેને બનાવતું ફંક્શન.