Uncategorized

1. HOW TO ADD MAX AND MIN LIMIT TO THE MATERIAL UI (MUI) TEXTFIELD COMPONENT We can use the inputProps for setting the min and max value on the TextField.  Below…

import { Box, CircularProgress, Typography } from "@mui/material";import moment from "moment";import { useState, useRef, useEffect } from "react"; const CircularProgressBar = (props) => {    const initialTime = 10; // in seconds    const [timeLeft,…

import "react-date-range/dist/styles.css"; // main css fileimport "react-date-range/dist/theme/default.css"; // theme css fileimport { DateRange } from "react-date-range";import { Box, TextField, ClickAwayListener } from "@mui/material";import moment from "moment";import { useState, useEffect, useRef…

 import { Editor } from "@tinymce/tinymce-react"; export default function App() {  return (    <>      <Editor        tinymceScriptSrc={process.env.PUBLIC_URL + "/tinymce/tinymce.min.js"}        initialValue="<p>This is the initial content of the editor.</p>"        init={{          height: 500,          width: "100%",          menubar: false,          plugins: [            "advlist",            "autolink",            "lists",            "link",            "image",            "charmap",            "anchor",            "searchreplace",            "visualblocks",            "code",            "fullscreen",            "insertdatetime",            "media",            "table",            "preview",            "help",            "wordcount",          ],          toolbar:            "undo redo | blocks | " +            "bold…