امپورٹ

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پہلا اور آخری دن، دونوں شامل۔