@rovula/ui 0.0.1

package/dist/main.d.ts

@@ -0,0 +1,5 @@
+export { default as Button } from "./src/components/Button/Button";
+export { default as Table } from "./src/components/Table/Table";
+export { default as TextInput } from "./src/components/Form/TextInput";
+export { default as Text } from "./src/components/Form/Text";
+export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, } from "./src/utils/datetime";

package/dist/main.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTimestampUTC = exports.getStartEndTimestampOfDay = exports.getEndDateOfDay = exports.getStartDateOfDay = exports.resloveTimestamp = exports.Text = exports.TextInput = exports.Table = exports.Button = void 0;
+// UI Components
+var Button_1 = require("./src/components/Button/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var Table_1 = require("./src/components/Table/Table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
+var TextInput_1 = require("./src/components/Form/TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
+var Text_1 = require("./src/components/Form/Text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
+// UTILS
+var datetime_1 = require("./src/utils/datetime");
+Object.defineProperty(exports, "resloveTimestamp", { enumerable: true, get: function () { return datetime_1.resloveTimestamp; } });
+Object.defineProperty(exports, "getStartDateOfDay", { enumerable: true, get: function () { return datetime_1.getStartDateOfDay; } });
+Object.defineProperty(exports, "getEndDateOfDay", { enumerable: true, get: function () { return datetime_1.getEndDateOfDay; } });
+Object.defineProperty(exports, "getStartEndTimestampOfDay", { enumerable: true, get: function () { return datetime_1.getStartEndTimestampOfDay; } });
+Object.defineProperty(exports, "getTimestampUTC", { enumerable: true, get: function () { return datetime_1.getTimestampUTC; } });

package/dist/src/components/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ButtonProps {
+    children: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+    className?: string;
+    isLoading?: boolean;
+    variant?: "primary" | "secondary";
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/src/components/Button/Button.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Button = ({ children, onClick, type = "button", disabled = false, className = "", isLoading = false, variant = "primary", }) => {
+    return (react_1.default.createElement("button", { className: `btn ${className} ${variant}`, onClick: onClick, type: type, disabled: disabled || isLoading }, isLoading ? "Loading..." : children));
+};
+exports.default = Button;

package/dist/src/components/Form/Form.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface FormValues {
+    name: string;
+    email: string;
+    password: string;
+}
+interface FormProps {
+    onSubmit: (values: FormValues) => void;
+    className?: string;
+}
+declare const Form: React.FC<FormProps>;
+export default Form;

package/dist/src/components/Form/Form.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// src/Form.tsx
+const react_1 = __importStar(require("react"));
+const yup = __importStar(require("yup"));
+const schema = yup.object().shape({
+    name: yup.string().required("Name is required"),
+    email: yup.string().email("Invalid email").required("Email is required"),
+    password: yup
+        .string()
+        .min(6, "Password must be at least 6 characters")
+        .required("Password is required"),
+});
+const Form = ({ onSubmit, className = "" }) => {
+    const [values, setValues] = (0, react_1.useState)({
+        name: "",
+        email: "",
+        password: "",
+    });
+    const [errors, setErrors] = (0, react_1.useState)({});
+    const handleChange = (e) => {
+        const { name, value } = e.target;
+        setValues(Object.assign(Object.assign({}, values), { [name]: value }));
+    };
+    const handleSubmit = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        try {
+            yield schema.validate(values, { abortEarly: false });
+            setErrors({});
+            onSubmit(values);
+        }
+        catch (err) {
+            if (err instanceof yup.ValidationError) {
+                const validationErrors = {};
+                err.inner.forEach((error) => {
+                    if (error.path) {
+                        validationErrors[error.path] = error.message;
+                    }
+                });
+                setErrors(validationErrors);
+            }
+        }
+    });
+    return (react_1.default.createElement("form", { className: `form ${className}`, onSubmit: handleSubmit },
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: "name" }, "Name"),
+            react_1.default.createElement("input", { id: "name", name: "name", type: "text", value: values.name, onChange: handleChange }),
+            errors.name && react_1.default.createElement("span", { className: "error" }, errors.name)),
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: "email" }, "Email"),
+            react_1.default.createElement("input", { id: "email", name: "email", type: "email", value: values.email, onChange: handleChange }),
+            errors.email && react_1.default.createElement("span", { className: "error" }, errors.email)),
+        react_1.default.createElement("div", { className: "form-group" },
+            react_1.default.createElement("label", { htmlFor: "password" }, "Password"),
+            react_1.default.createElement("input", { id: "password", name: "password", type: "password", value: values.password, onChange: handleChange }),
+            errors.password && react_1.default.createElement("span", { className: "error" }, errors.password)),
+        react_1.default.createElement("button", { type: "submit" }, "Submit")));
+};
+exports.default = Form;

package/dist/src/components/Form/Text.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface TextProps {
+    children: string;
+    size?: "small" | "medium" | "large";
+    color?: string;
+    className?: string;
+}
+declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/src/components/Form/Text.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Text = ({ children, size = "medium", color = "black", className = "", }) => {
+    return (react_1.default.createElement("span", { className: `text ${size} ${className}`, style: { color } }, children));
+};
+exports.default = Text;

package/dist/src/components/Form/TextInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TextInputProps {
+    value: string;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    type?: 'text' | 'password' | 'email';
+    disabled?: boolean;
+    className?: string;
+}
+declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

package/dist/src/components/Form/TextInput.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const TextInput = ({ value, onChange, placeholder = '', type = 'text', disabled = false, className = '', }) => {
+    return (react_1.default.createElement("input", { className: `text-input ${className}`, type: type, value: value, onChange: onChange, placeholder: placeholder, disabled: disabled }));
+};
+exports.default = TextInput;

package/dist/src/components/Table/Table.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface Column {
+    header: string;
+    accessor: string;
+}
+interface TableProps {
+    columns: Column[];
+    data: Record<string, any>[];
+}
+declare const Table: React.FC<TableProps>;
+export default Table;

package/dist/src/components/Table/Table.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Table = ({ columns, data }) => {
+    return (react_1.default.createElement("table", { className: "table" },
+        react_1.default.createElement("thead", null,
+            react_1.default.createElement("tr", null, columns.map((column, index) => (react_1.default.createElement("th", { key: index }, column.header))))),
+        react_1.default.createElement("tbody", null, data.map((row, rowIndex) => (react_1.default.createElement("tr", { key: rowIndex }, columns.map((column, colIndex) => (react_1.default.createElement("td", { key: colIndex }, row[column.accessor])))))))));
+};
+exports.default = Table;

package/dist/src/components/Tabs/Tabs.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface Tab {
+    label: string;
+    content: React.ReactNode;
+}
+interface TabsProps {
+    tabs: Tab[];
+    initialTab?: number;
+}
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/dist/src/components/Tabs/Tabs.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Tabs = ({ tabs, initialTab = 0 }) => {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(initialTab);
+    return (react_1.default.createElement("div", { className: "tabs" },
+        react_1.default.createElement("div", { className: "tab-buttons" }, tabs.map((tab, index) => (react_1.default.createElement("button", { key: index, className: index === activeTab ? "active" : "", onClick: () => setActiveTab(index) }, tab.label)))),
+        react_1.default.createElement("div", { className: "tab-content" }, tabs[activeTab].content)));
+};
+exports.default = Tabs;

package/dist/src/utils/datetime.d.ts

@@ -0,0 +1,9 @@
+declare const resloveTimestamp: (timestamp: number) => number;
+declare const getStartDateOfDay: (date: Date) => Date;
+declare const getEndDateOfDay: (date: Date) => Date;
+declare const getStartEndTimestampOfDay: () => {
+    startTime: Date;
+    endTime: Date;
+};
+declare const getTimestampUTC: (date: Date) => number;
+export { resloveTimestamp, getStartDateOfDay, getEndDateOfDay, getStartEndTimestampOfDay, getTimestampUTC, };

package/dist/src/utils/datetime.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTimestampUTC = exports.getStartEndTimestampOfDay = exports.getEndDateOfDay = exports.getStartDateOfDay = exports.resloveTimestamp = void 0;
+const resloveTimestamp = (timestamp) => {
+    if (String(timestamp).length > 10)
+        return timestamp / 1000;
+    return timestamp;
+};
+exports.resloveTimestamp = resloveTimestamp;
+// Set the time to the start of the day (00:00:00)
+const getStartDateOfDay = (date) => {
+    const startDate = new Date(date);
+    startDate.setHours(0, 0, 0, 0);
+    return startDate;
+};
+exports.getStartDateOfDay = getStartDateOfDay;
+// Set the time to the end of the day (23:59:59.999)
+const getEndDateOfDay = (date) => {
+    const startDate = new Date(date);
+    startDate.setHours(23, 59, 59, 999);
+    return startDate;
+};
+exports.getEndDateOfDay = getEndDateOfDay;
+const getStartEndTimestampOfDay = () => {
+    const startTime = getStartDateOfDay(new Date());
+    const endTime = getEndDateOfDay(startTime);
+    return {
+        startTime,
+        endTime,
+    };
+};
+exports.getStartEndTimestampOfDay = getStartEndTimestampOfDay;
+const getTimestampUTC = (date) => {
+    const dateUtc = Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
+    return resloveTimestamp(dateUtc);
+};
+exports.getTimestampUTC = getTimestampUTC;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@rovula/ui",
+  "version": "0.0.1",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc",
+    "prepare": "npm run build "
+  },
+  "files": [
+    "dist/**/*",
+    "src/**/*"
+  ],
+  "keywords": [],
+  "author": "NuttapongSa",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^20.12.12",
+    "babel-loader": "^9.1.3",
+    "css-loader": "^7.1.2",
+    "style-loader": "^4.0.0",
+    "typescript": "^5.4.5",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "@types/react": "^18.3.2",
+    "autoprefixer": "^10.4.19",
+    "axios": "^1.6.4",
+    "clsx": "^2.1.1",
+    "postcss": "^8.1.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "rollup": "^4.17.2",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
+    "yup": "^1.4.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/Rovula/rovula-package.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Rovula/rovula-package/issues"
+  },
+  "homepage": "https://github.com/Rovula/rovula-package#readme",
+  "description": ""
+}

package/src/components/Button/Button.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+
+interface ButtonProps {
+  children: React.ReactNode;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  type?: "button" | "submit" | "reset";
+  disabled?: boolean;
+  className?: string;
+  isLoading?: boolean;
+  variant?: "primary" | "secondary";
+}
+
+const Button: React.FC<ButtonProps> = ({
+  children,
+  onClick,
+  type = "button",
+  disabled = false,
+  className = "",
+  isLoading = false,
+  variant = "primary",
+}) => {
+  return (
+    <button
+      className={`btn ${className} ${variant}`}
+      onClick={onClick}
+      type={type}
+      disabled={disabled || isLoading}
+    >
+      {isLoading ? "Loading..." : children}
+    </button>
+  );
+};
+
+export default Button;

package/src/components/Form/Form.tsx

@@ -0,0 +1,99 @@
+// src/Form.tsx
+import React, { useState } from "react";
+import * as yup from "yup";
+
+interface FormValues {
+  name: string;
+  email: string;
+  password: string;
+}
+
+interface FormProps {
+  onSubmit: (values: FormValues) => void;
+  className?: string;
+}
+
+const schema = yup.object().shape({
+  name: yup.string().required("Name is required"),
+  email: yup.string().email("Invalid email").required("Email is required"),
+  password: yup
+    .string()
+    .min(6, "Password must be at least 6 characters")
+    .required("Password is required"),
+});
+
+const Form: React.FC<FormProps> = ({ onSubmit, className = "" }) => {
+  const [values, setValues] = useState<FormValues>({
+    name: "",
+    email: "",
+    password: "",
+  });
+  const [errors, setErrors] = useState<{ [key in keyof FormValues]?: string }>(
+    {}
+  );
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setValues({ ...values, [name]: value });
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      await schema.validate(values, { abortEarly: false });
+      setErrors({});
+      onSubmit(values);
+    } catch (err) {
+      if (err instanceof yup.ValidationError) {
+        const validationErrors: { [key in keyof FormValues]?: string } = {};
+        err.inner.forEach((error) => {
+          if (error.path) {
+            validationErrors[error.path as keyof FormValues] = error.message;
+          }
+        });
+        setErrors(validationErrors);
+      }
+    }
+  };
+
+  return (
+    <form className={`form ${className}`} onSubmit={handleSubmit}>
+      <div className="form-group">
+        <label htmlFor="name">Name</label>
+        <input
+          id="name"
+          name="name"
+          type="text"
+          value={values.name}
+          onChange={handleChange}
+        />
+        {errors.name && <span className="error">{errors.name}</span>}
+      </div>
+      <div className="form-group">
+        <label htmlFor="email">Email</label>
+        <input
+          id="email"
+          name="email"
+          type="email"
+          value={values.email}
+          onChange={handleChange}
+        />
+        {errors.email && <span className="error">{errors.email}</span>}
+      </div>
+      <div className="form-group">
+        <label htmlFor="password">Password</label>
+        <input
+          id="password"
+          name="password"
+          type="password"
+          value={values.password}
+          onChange={handleChange}
+        />
+        {errors.password && <span className="error">{errors.password}</span>}
+      </div>
+      <button type="submit">Submit</button>
+    </form>
+  );
+};
+
+export default Form;

package/src/components/Form/Text.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+interface TextProps {
+  children: string;
+  size?: "small" | "medium" | "large";
+  color?: string;
+  className?: string;
+}
+
+const Text: React.FC<TextProps> = ({
+  children,
+  size = "medium",
+  color = "black",
+  className = "",
+}) => {
+  return (
+    <span className={`text ${size} ${className}`} style={{ color }}>
+      {children}
+    </span>
+  );
+};
+
+export default Text;

package/src/components/Form/TextInput.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+interface TextInputProps {
+  value: string;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  placeholder?: string;
+  type?: 'text' | 'password' | 'email';
+  disabled?: boolean;
+  className?: string;
+}
+
+const TextInput: React.FC<TextInputProps> = ({
+  value,
+  onChange,
+  placeholder = '',
+  type = 'text',
+  disabled = false,
+  className = '',
+}) => {
+  return (
+    <input
+      className={`text-input ${className}`}
+      type={type}
+      value={value}
+      onChange={onChange}
+      placeholder={placeholder}
+      disabled={disabled}
+    />
+  );
+};
+
+export default TextInput;

package/src/components/Table/Table.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+
+interface Column {
+  header: string;
+  accessor: string;
+}
+
+interface TableProps {
+  columns: Column[];
+  data: Record<string, any>[];
+}
+
+const Table: React.FC<TableProps> = ({ columns, data }) => {
+  return (
+    <table className="table">
+      <thead>
+        <tr>
+          {columns.map((column, index) => (
+            <th key={index}>{column.header}</th>
+          ))}
+        </tr>
+      </thead>
+      <tbody>
+        {data.map((row, rowIndex) => (
+          <tr key={rowIndex}>
+            {columns.map((column, colIndex) => (
+              <td key={colIndex}>{row[column.accessor]}</td>
+            ))}
+          </tr>
+        ))}
+      </tbody>
+    </table>
+  );
+};
+
+export default Table;

package/src/components/Tabs/Tabs.tsx

@@ -0,0 +1,34 @@
+import React, { useState } from "react";
+
+interface Tab {
+  label: string;
+  content: React.ReactNode;
+}
+
+interface TabsProps {
+  tabs: Tab[];
+  initialTab?: number;
+}
+
+const Tabs: React.FC<TabsProps> = ({ tabs, initialTab = 0 }) => {
+  const [activeTab, setActiveTab] = useState(initialTab);
+
+  return (
+    <div className="tabs">
+      <div className="tab-buttons">
+        {tabs.map((tab, index) => (
+          <button
+            key={index}
+            className={index === activeTab ? "active" : ""}
+            onClick={() => setActiveTab(index)}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </div>
+      <div className="tab-content">{tabs[activeTab].content}</div>
+    </div>
+  );
+};
+
+export default Tabs;

package/src/utils/datetime.ts

@@ -0,0 +1,51 @@
+const resloveTimestamp = (timestamp: number): number => {
+  if (String(timestamp).length > 10) return timestamp / 1000;
+
+  return timestamp;
+};
+
+// Set the time to the start of the day (00:00:00)
+const getStartDateOfDay = (date: Date): Date => {
+  const startDate = new Date(date);
+  startDate.setHours(0, 0, 0, 0);
+
+  return startDate;
+};
+
+// Set the time to the end of the day (23:59:59.999)
+const getEndDateOfDay = (date: Date): Date => {
+  const startDate = new Date(date);
+  startDate.setHours(23, 59, 59, 999);
+
+  return startDate;
+};
+
+const getStartEndTimestampOfDay = () => {
+  const startTime = getStartDateOfDay(new Date());
+  const endTime = getEndDateOfDay(startTime);
+
+  return {
+    startTime,
+    endTime,
+  };
+};
+
+const getTimestampUTC = (date: Date) => {
+  const dateUtc = Date.UTC(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    date.getHours(),
+    date.getMinutes(),
+    date.getSeconds()
+  );
+
+  return resloveTimestamp(dateUtc);
+};
+export {
+  resloveTimestamp,
+  getStartDateOfDay,
+  getEndDateOfDay,
+  getStartEndTimestampOfDay,
+  getTimestampUTC,
+};