World-clock card listing each city next to its local time, with an emerald Local pill on your row.
The import and the props worth knowing about, in one place.
import { Calendar17 } from "@/components/beste/piece/calendar17";
<Calendar17
heading="Meeting time"
rows={[
{
"city": "Istanbul",
"time": "14:00",
"isLocal": true
},
{
"city": "London",
"time": "12:00"
},
{
"city": "Tokyo",
"time": "20:00"
}
]}
bordered={false}
/>