تمام عرض کردن 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 } }}
/>

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

موفق باشید.