@wonderflow/react-components/dist/components/datetime/datetime.js

UI components from Wonderflow's Wanda design system

import { jsx as _jsx } from "react/jsx-runtime";
/*
 * Copyright 2022-2023 Wonderflow Design Team
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { useEffect, useState } from 'react';
export const Datetime = ({ date, locale = 'en-US', options, ...otherProps }) => {
    const [datetime, setDateTime] = useState('');
    useEffect(() => {
        const timeDate = new Date(date);
        const humanDate = new Intl.DateTimeFormat(locale, {
            year: 'numeric',
            month: 'long',
            day: 'numeric',
            ...options,
        }).format(timeDate);
        setDateTime(humanDate);
    }, [date, locale, options]);
    return (_jsx("time", { dateTime: date, ...otherProps, children: datetime }));
};