@wener/console
Version:
Base console UI toolkit
30 lines (29 loc) • 978 B
JavaScript
import React, { memo, useMemo, useState } from "react";
import { useInterval } from "@wener/reaction";
import dayjs from "dayjs";
export const DockClock = /*#__PURE__*/ memo(()=>{
const [date, setDate] = useState(()=>dayjs());
useInterval(()=>{
setDate(dayjs());
}, 1000 * 60);
const title = useMemo(()=>new Intl.DateTimeFormat('zh-CN', {
calendar: 'chinese',
dateStyle: 'full'
}).format(date.toDate()), [
date.dayOfYear()
]);
return /*#__PURE__*/ React.createElement("div", {
className: 'flex flex-col items-center self-center',
title: title
}, /*#__PURE__*/ React.createElement("span", {
style: {
fontSize: 10
}
}, date.format('ddd hh:mm')), /*#__PURE__*/ React.createElement("span", {
style: {
fontSize: 9
}
}, date.format('YYYY/MM/DD')));
});
DockClock.displayName = 'DockClock';
//# sourceMappingURL=DockClock.js.map