ઇમ્પોર્ટ

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પહેલો અને છેલ્લો દિવસ, બંને સહિત.