Skip to main content

OX Date & Time Display Standard v1.0

Effective Date: October 29, 2025
Applies to: All OX apps (OX Agry, OX Bema, future products)
Target Audience: Primarily Indian users

1. Standard Format​

Primary Display​

Format: MMM d, yyyy h:mm a

Examples:
Oct 29, 2025 10:35 AM
Jan 5, 2026 9:05 PM
Jul 1, 2025 7:20 AM

On Hover (Tooltip)​

Format: EEEE, MMM d, yyyy h:mm a

Example: Wednesday, Oct 29, 2025 10:35 AM

2. Context-Specific Formats​

Use CaseFormatExample
Standard timestampMMM d, yyyy h:mm aOct 29, 2025 10:35 AM
Date onlyMMM d, yyyyOct 29, 2025
Time onlyh:mm a10:35 AM
With secondsMMM d, yyyy h:mm:ss aOct 29, 2025 10:35:42 AM
Compact (mobile)MMM d, h:mm aOct 29, 10:35 AM
Date rangeMMM d - MMM d, yyyyOct 15 - Oct 20, 2025
TooltipEEEE, MMM d, yyyy h:mm aWednesday, Oct 29, 2025 10:35 AM

3. When to Show Seconds​

✅ Show seconds for:

  • Audit logs
  • System activity logs
  • Real-time monitoring dashboards
  • Technical admin panels
  • Attendance punch-in/out records

❌ Don't show seconds for:

  • General user-facing timestamps
  • Leave requests
  • Project deadlines
  • Comments, posts, messages
  • Document creation dates

4. Design Principles​

Why This Format?​

  1. Natural readability: Matches conversational tone
  2. Clean & modern: No unnecessary padding zeros
  3. Industry standard: Used by Slack, Notion, Linear, Google
  4. Mobile-friendly: Compact without sacrificing clarity
  5. Indian audience: Familiar English format

Rationale: MMM d vs MMM dd​

  • ✅ Oct 9 — Natural, conversational
  • ❌ Oct 09 — Technical, database-like
  • Consistency: No leading zeros for single-digit days or hours

5. Timezone Handling​

  • Storage: UTC in MySQL
  • Display: IST (Asia/Kolkata) — India Standard Time
  • API: ISO 8601 format with timezone
  • User preference: IST by default (future: allow customization)

6. Accessibility​

jsx
<time
dateTime="2025-10-29T10:35:00+05:30"
title="Wednesday, Oct 29, 2025 10:35 AM"
aria-label="Wednesday, October 29, 2025 at 10:35 AM"

> Oct 29, 2025 10:35 AM
> </time>

7. Examples Across OX Apps​

OX Bema (Recruitment, Leave Management)​

  • Leave request submitted: Oct 15, 2025 9:30 AM
  • Interview scheduled: Nov 5, 2025 2:00 PM
  • Project deadline: Dec 31, 2025 (date only)

OX Agry (Agricultural Management)​

  • Harvest logged: Sep 20, 2025 6:45 AM
  • Weather updated: Oct 29, 2025 10:35 AM
  • Report generated: Oct 29, 2025 10:35:42 AM (with seconds)

Backend/Export Only​

  • ISO 8601: 2025-10-29T10:35:00+05:30
  • Database: 2025-10-29 10:35:00
  • Export (CSV): 2025-10-29 10:35:00

These formats are for data transmission and storage only, never shown to users in the UI.