Date picker کا API ریفرنس

امپورٹ

import-date-picker.ts

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

ایک تاریخ، یا تاریخ اور وقت، جو حصوں میں ٹائپ ہو۔

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: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`granularity`ان پٹ	`'hour' \| 'minute' \| 'second'`	`'minute'`	گھنٹے، منٹ یا سیکنڈ پر رکتا ہے۔

پاپ اوور میں کیلنڈر والی ڈیٹ فیلڈ۔ یہ ڈیٹ فیلڈ کے ان پٹس لیتی ہے، اور یہ بھی۔

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: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`value`دو طرفہ	`NuiDateRange \| null`	`null`	رینج، جو دونوں سرے ترتیب سے سیٹ ہونے تک null رہتی ہے۔
`presets`ان پٹ	`NuiDateRangePreset[]`	`[]`	نام والی رینجز جو ایک کلک میں چنی جا سکیں۔
`months`ان پٹ	`number`	`2`	کیلنڈر میں ساتھ ساتھ دکھائے جانے والے مہینے۔

نام والی رینج، مقررہ یا چنتے وقت بننے والی۔

NuiDateRangePreset: پراپرٹیز
نام	ٹائپ	ڈیفالٹ	تفصیل
`label`پراپرٹی	`string`		اس کا نام۔
`range`پراپرٹی	`NuiDateRange \| (() => NuiDateRange)`		رینج، یا اسے بنانے والا فنکشن۔