1.0.3 • Published 9 months ago
neptime v1.0.3
neptime
nepTime is a lightweight npm module for displaying the current time in Nepali numerals.
Installation
npm install neptimeExample HTML Usage
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nepali Time Example</title>
</head>
<body>
<div id="nepali-time"></div>
<script type="module">
import NepTime from 'neptime';
NepTime({
color: 'black',
bgColor: 'white',
clcFormat: '24'
});
</script>
</body>
</html>React Usage
To use nepTime in a React project:
- Import
nepTimeand call it inside auseEffecthook to ensure it runs after the component mounts. - Add a div with the ID
nepali-timewhere you want the time to display.
import React, { useEffect } from 'react';
import NepTime from 'neptime';
const NepaliTimeComponent = () => {
useEffect(() => {
NepTime({
color: 'black',
bgColor: 'white',
clcFormat: '24'
});
}, []);
return <div id="nepali-time"></div>;
};
export default NepaliTimeComponent;Options
The NepTime function accepts an options object to customize the appearance and format of the time display.
| Option | Type | Default | Description |
|---|---|---|---|
color | string | 'black' | Sets the text color of the displayed time. |
bgColor | string | 'white' | Sets the background color of the displayed time. |
clcFormat | string | '24' | Sets clock format: '24' for 24-hour, '12' for 12-hour. |