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, setTimeLeft] = useState(initialTime); const [progressBarPercent, setProgressBarPercent] = useState(0); const timerId = useRef(); useEffect(() => { if (initialTime) { timerId.current = … [Read more…]
import “react-date-range/dist/styles.css”; // main css file import “react-date-range/dist/theme/default.css”; // theme css file import { DateRange } from “react-date-range”; import { Box, TextField, ClickAwayListener } from “@mui/material”; import moment from “moment”; import { useState, useEffect, useRef } from “react”; const PickDates = () => { const pickerStyles = { boxShadow: “0px 2px 10px rgba(0, 0, 0, … [Read more…]
CUSTOMIZE FILE UPLOAD BUTTON USING MUI COMPONENT We have to use three MUI component here to customize the file upload button TextField of type =’file’ InputLabel which will be attached to upload button Textfield using its “id” in htmlFor props. Then we have to put the Button … [Read more…]
import { Editor } from “@tinymce/tinymce-react”; export default function App() { return ( ); } Technology Another Tech Information
This is the Typescript playground of useful examples which can save you a hell lot of time and help you mastering typescript with efficient implementation for type safety covering those cases which usually bother you when you encounter them. These cases can considerably improve your knowledge of Typescript and help you excel it. Many of … [Read more…]
This is the Typescript playground of useful examples which can save you a hell lot of time and help you mastering typescript with efficient implementation for type safety covering those cases which usually bother you when you encounter them. These cases can considerably improve your knowledge of Typescript and help you excel it. Many of … [Read more…]
| Published on Oct 4, 2023 Sintered stone is a mix of minerals formed into a slab through sintering – a process of compacting and heating. Unlike Quartz, sintered stone contains no binders or resins. Sintered stone is considered a synthetic material, but its ingredients are natural and may include granite minerals, clay, natural oxides, … [Read more…]
| Published on Oct 2, 2023 Dark kitchen cabinets have exploded in popularity, providing a stylish option for those who want to steer clear of traditional white. Homeowners who’ve never had dark cabinetry might be intimidated by the backsplash choice. Since backsplashes influence the overall look of a kitchen, much consideration is needed. We’ve found … [Read more…]
| Published on Sep 29, 2023 Porcelain countertops cost $2,900 on average to install, taking labor and materials into account. The typical range for most projects is $1,000 to $4,000, but some higher-end projects may cost over $8,000. More specifically, you should expect to pay $48 to $103 per square foot, depending on the quality … [Read more…]
| Published on Sep 28, 2023 Walk-in showers make more sense than bathtubs when dealing with limited bathroom square footage. You can customize their size and layout, fitting them just about anywhere. Use these walk-in shower ideas for small bathrooms to make your space feel bigger and more put together. 1. Try a Clear Glass … [Read more…]