---
title: "CurrentLocalTimeDate — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Lera · Interactive. Auto-detecting visitor' local time, date"
canonical: "https://framer.elliotli.dev/component/currentlocaltimedate"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/CurrentLocalTimeDate

# CurrentLocalTimeDate

Autodetecs users' local time, date

[View on Framer](https://framer.com/marketplace/components/currentlocaltimedate/?via=elliot-li)

![CurrentLocalTimeDate preview image 1](https://framer.elliotli.dev/og/component/currentlocaltimedate/881a5203d9894298/1600x1200.jpg)

## Summary

Auto-detecting visitor' local time, date

## Description

### What it displays

-   Day of week (Thu, Fri...);
    
-   Date format MM/DD/YYYY, DD/MM/YYYY, or YYYY-MM-DD;
    
-   **Time format** 12-hour or 24-hour format;
    
-   Auto-detected timezone, no need for manual settings;
    
-   **200+ timezones** worldwide;
    
-   UTC offset.
    

###  Customization

-   Show **each element independently** with toggle;
    
-   Custom separator character (\_, |, •, or anything else);
    
-   Change separator color from text color;
    
-   **Full font control** via Framer's font panel;
    
-   Text color;
    
-   Control gap between elements (0–50px);
    
-   **Dark** & **light** mode;
    
-   Works in hero sections, navigation bars, footers, and dashboards.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #243

## Details

- **Author**: Lera
- **Price**: $4.00
- **Published**: 2026-05-12
- **Updated**: 2026-10-20
- **Added**: 2026-05-08
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step