تمام عرض کردن DatePicker در mui ری اکت

تمام عرض کردن DatePicker در mui ری اکت

اگر در حال توسعه‌ی پروژه‌ی خود با material ui design در ری اکت هستید و از Datepicker استفاده می‌کنید و بعد از استفاده از آن قصد دارید آن را full width کنید در این بخش به روش انجام آن می‌پردازیم.

تمام عرض کردن DatePicker در mui ری اکت

اگر با mui کار کرده‌اید، می‌دانید با ویژگی fullwidth به سادگی کامپوننت مورد نظر شما تمام عرض می‌شود اما در مورد کامپوننت‌های TimePicker و DatePicker این گونه نیست. برای تمام عرض کردن کامپوننت‌های TimePicker و DatePicker از کد زیر استفاده کنید:

<DatePicker
   label="Date"
   slotProps={{ textField: { fullWidth: true } }}
/>

در صورتی که مشکل‌تان با روش بالا حل نشد در بخش نظرات همین نوشته برای ما بنویسید.