OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add option to specify locale for datetime widget

Browse Source
This commit is contained in:
Kassim 2022-10-12 14:21:18 +01:00 committed by GitHub
parent 9dd259654a
commit 099c67facf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/widgets/datetime/datetime.jsx
View File

@ -13,7 +13,7 @@ const textSizes = {
}; };
export default function DateTime({ options }) { export default function DateTime({ options }) {
const { text_size: textSize, format } = options; const { text_size: textSize, locale, format } = options;
const { i18n } = useTranslation(); const { i18n } = useTranslation();
const [date, setDate] = useState(new Date()); const [date, setDate] = useState(new Date());
@ -23,8 +23,9 @@ export default function DateTime({ options }) {
}, 1000); }, 1000);
return () => clearInterval(interval); return () => clearInterval(interval);
}, [setDate]); }, [setDate]);
const dateFormat = new Intl.DateTimeFormat(i18n.language, { ...format }); let region = locale !=== null ? locale : i18n.language
const dateFormat = new Intl.DateTimeFormat(region, { ...format });
return ( return (
<div className="flex flex-row items-center grow justify-end"> <div className="flex flex-row items-center grow justify-end">