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)`		রেঞ্জ, অথবা যে ফাংশন সেটি তৈরি করে।