Date Picker

দেখুন এবং অনুভব করুন সেটিংস

কম্পোনেন্টের লেবেল দেখানোর জন্য Label (বাধ্যতামূলক নয়) ব্যবহার করা হবে।

Placeholder (বাধ্যতামূলক নয়) উপাদানটির স্থানধারক দেখানোর জন্য ব্যবহার করা হবে।

Name (বাধ্যতামূলক) - উপাদানের নাম।

Tooltip (বাধ্যতামূলক নয়) - টুলটিপ স্ট্রিং।

Min (বাধ্যতামূলক) - ন্যূনতম টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] থেকে শুরু করতে হবে। ডিফল্টরূপে 0 সেট করা আছে।

Max (বাধ্যতামূলক) - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে। ডিফল্টরূপে সৃষ্টির মুহূর্তের সমতুল্য।;

Step (বাধ্যতামূলক নয়) - নির্বাচনের ধাপের মান।

Required (আবশ্যিক) - নির্বাচনের প্রয়োজন বা না হলে চিহ্নিত করুন। ডিফল্টরূপে মিথ্যা সেট করা হয়.

Allow clear (আবশ্যিক) - নির্বাচনের ক্ষেত্রে পরিষ্কার করার অনুমতি দেয়। ডিফল্টরূপে মিথ্যা সেট করা হয়.

Disabled (আবশ্যিক) - চালু থাকলে উপাদানটিকে অক্ষম করে তোলে। ডিফল্টরূপে বন্ধ করা হয়.

Visible (বাধ্যতামূলক) - চালু থাকলে উপাদানটিকে দৃশ্যমান করে তোলে। ডিফল্টরূপে সক্রিয়.

ওয়ার্কফ্লো ট্রিগার

• onChange - ড্রপডাউন বিকল্প পরিবর্তন করা হলে ফায়ার হয়।
• onFocus - যখন উপাদানটির উপর ফোকাস করা হয় তখন আগুন লাগে।
• onBlur - উপাদানটি ঝাপসা হয়ে গেলে আগুন লাগে।
• onCreate - যখন উপাদান তৈরি হয় তখন আগুন লাগে।
• onShow - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
• onHide - যখন উপাদানটি লুকানো থাকে তখন আগুন লাগে।
• onDestroy - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
• onEnterKey - এন্টার কী চাপলে ফায়ার হয়।

কম্পোনেন্ট অ্যাকশন

Datepicker Get Properties

উপাদান এর বৈশিষ্ট্য পায়.

ইনপুট পরামিতি:

• Component Id [string] - উপাদানের শনাক্তকারী;

আউটপুট পরামিতি:

• Label [string] - উপাদানের লেবেল;
• Placeholder [string] - উপাদানের স্থানধারক;
• Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
• Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
• Tooltip [string] - টুলটিপ স্ট্রিং;
• Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
• Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
• Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [ইউনিক্স বিন্যাসিত] থেকে শুরু করতে হবে;
• Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে;
• Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [ইউনিক্স ফর্ম্যাট];
• ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
• ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
• ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Datepicker Set Properties

কম্পোনেন্টের বৈশিষ্ট্য সেট করে।

ইনপুট পরামিতি:

• Component Id [string] - উপাদানের শনাক্তকারী;
• Label [string] - উপাদানের লেবেল;
• Placeholder [string] - উপাদানের স্থানধারক;
• Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
• Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
• Tooltip [string] - টুলটিপ স্ট্রিং;
• Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
• Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
• Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [ইউনিক্স বিন্যাসিত] থেকে শুরু করতে হবে;
• Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে;
• Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [ইউনিক্স ফর্ম্যাট];
• ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
• ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
• ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Datepicker Update Properties

কম্পোনেন্টের বৈশিষ্ট্য আপডেট করে।

ইনপুট পরামিতি:

• Component Id [string] - উপাদানের শনাক্তকারী;
• Label [string] - উপাদানের লেবেল;
• Placeholder [string] - উপাদানের স্থানধারক;
• Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
• Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
• Tooltip [string] - টুলটিপ স্ট্রিং;
• Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
• Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
• Min [datetime] - সর্বনিম্ন টাইমস্ট্যাম্প মান [ইউনিক্স বিন্যাসিত] থেকে শুরু করতে হবে;
• Max [datetime] - সর্বাধিক টাইমস্ট্যাম্প মান [ইউনিক্স ফরম্যাটেড] যা নির্বাচন করা যেতে পারে;
• Value [datetime] - নির্বাচিত টাইমস্ট্যাম্প মান [ইউনিক্স ফর্ম্যাট];
• ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
• ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
• ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

Datepicker Validate

তারিখের সময় চয়নকারী উপাদান থেকে নির্বাচিত টাইমস্ট্যাম্প মান যাচাই করে।

ইনপুট পরামিতি:

• Component Id [string] - উপাদানের শনাক্তকারী;

আউটপুট পরামিতি:

• Success [boolean] - বৈধতা ফলাফল;
• Error [string] - ত্রুটি বার্তা;

ব্যবহারের উদাহরণ

তারিখকে কয়েক ভাগে ভাগ করা যায় যেমন বছর, মাস এবং দিন।

• Datepicker Get Properties ব্লক টেনে আনুন এবং ক্যানভাসে ফেলে দিন। Date Picker কম্পোনেন্ট থেকে মান পেতে Component ID নির্দিষ্ট করতে হবে

• নির্বাচিত মানকে কিছু ছোট অংশে ভাগ করা যেতে পারে, যেমন বছর, মাস এবং দিন। Expand date ব্যবহার করতে হবে।