Nepal Time: Loading...

Nepal Time Components

These components display the current time in Nepal (NPT – Nepal Time, UTC+5:45).

Basic Nepal Time Component

Nepal Time: Loading...

Usage:

import NepalTime from '@/components/common/NepalTime';

// In your component:
<NepalTime />

Advanced Nepal Date & Time Component

Default (Date & Time):

Nepal Date & Time: ,|Loading...

Time Only:

Nepal Date & Time: Loading...

Date Only:

Nepal Date & Time: ,

Custom Styling:

,|Loading...

Without Seconds:

Nepal Date & Time: ,|Loading...

Usage:

import NepalDateTime from '@/components/common/NepalDateTime';

// Basic usage:
<NepalDateTime />

// Customized:
<NepalDateTime
  showDate={true}
  showTime={true}
  showWeekday={true}
  className="text-sm"
  showSeconds={true}
  showLabel={true}
/>

Implementation Details

Time Zone Handling: Uses Intl.DateTimeFormat with 'Asia/Kathmandu' time zone
Live Updates: Refreshes every second
Client-Side Rendering: Uses React's useState and useEffect hooks
Customizable: The advanced component supports various display options and styling