الاستيراد
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 | اليوم الأول والأخير، وكلاهما مشمول. |