emalcdo

{
    "sitename": "Ascendra Learning Hub",
    "username": "stuentprofile",
    "firstname": "Student",
    "lastname": "Profile",
    "fullname": "Student Profile",
    "lang": "en",
    "userid": 3,
    "siteurl": "https:\/\/staging.learninghub.portal.internal.ascendra-ai.com",
    "userpictureurl": "https:\/\/staging.learninghub.portal.internal.ascendra-ai.com\/theme\/image.php\/boost\/core\/1759896306\/u\/f1",

emalcdo

{
    "sitename": "Ascendra Learning Hub",
    "username": "stuentprofile",
    "firstname": "Student",
    "lastname": "Profile",
    "fullname": "Student Profile",
    "lang": "en",
    "userid": 3,
    "siteurl": "https:\/\/staging.learninghub.portal.internal.ascendra-ai.com",
    "userpictureurl": "https:\/\/staging.learninghub.portal.internal.ascendra-ai.com\/theme\/image.php\/boost\/core\/1759896306\/u\/f1",

emalcdo

import React, { FC, useEffect, useState } from 'react';
import { Col, Popover, PopoverBody, Row } from 'reactstrap';
import moment, { Moment } from 'moment';
import DateRangePicker from 'react-bootstrap-daterangepicker';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import 'bootstrap-daterangepicker/daterangepicker.css';
import './Filter.css';
import * as DashboardActions from '../../../../actions/dashboard';
import { DateFilters, TimeOption } from '../../../../interfaces/dashboard';