popov/mwitnessing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ditch datetime picker in availability form

Browse Source
This commit is contained in:
Dobromir Popov
2024-04-22 20:44:25 +03:00
parent d51104af52
commit c474617dbb
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/availability/AvailabilityForm.js
View File

@ -428,13 +428,14 @@ export default function AvailabilityForm({ publisherId, existingItems, inline, o
<ToastContainer></ToastContainer> <ToastContainer></ToastContainer>
<form id="formAv" className="form p-5 bg-white shadow-md rounded-lg" onSubmit={handleSubmit}> <form id="formAv" className="form p-5 bg-white shadow-md rounded-lg" onSubmit={handleSubmit}>
<h3 className="text-xl font-semibold mb-5 text-gray-800 border-b pb-2"> <h3 className="text-xl font-semibold mb-5 text-gray-800 border-b pb-2">
{editMode ? "Редактирай" : "Нова"} възможност {editMode ? "Редактирай" : "Нова"} възможност: {common.getDateFormatedShort(day)}
</h3> </h3>
<LocalizationProvider dateAdapter={AdapterDateFns} localeText={bgBG} adapterLocale={bg}> <LocalizationProvider dateAdapter={AdapterDateFns} localeText={bgBG} adapterLocale={bg}>
<div className="mb-2"> {/* <div className="mb-2">
<DatePicker label="Изберете дата" value={day} onChange={(value) => setDay({ value })} /> <DatePicker label="Изберете дата" value={day} onChange={(value) => setDay({ value })} />
</div> </div> */}
<div className="mb-2"> <div className="mb-2">
<label className="checkbox-container"> <label className="checkbox-container">

6
src/helpers/common.js
View File

@ -357,6 +357,12 @@ exports.getDateFormated = function (date) {
return `${dayOfWeekName} ${day} ${monthName} ${year} г.`; return `${dayOfWeekName} ${day} ${monthName} ${year} г.`;
} }
exports.getDateFormatedShort = function (date) {
const day = date.getDate();
const monthName = exports.getMonthName(date.getMonth());
return `${day} ${monthName}`;
}
exports.getTimeFomatted = function (date) { exports.getTimeFomatted = function (date) {
return date.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', timeZone: 'Europe/Sofia' });//timeZone: 'local' return date.toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', timeZone: 'Europe/Sofia' });//timeZone: 'local'