Stack Overflow
Stack Overflow

Questions tagged [react-widgets]

28 questions
4
votes
1 answer

Force datepicker react widget to use UTC?

I am using the react DateTimePicker widget and want to store date in ISO irregardless of the timezone and DST. The current setup of the localisation is en-GB. I have tried suggestions from the following posts and gone through the documentation of…
Yuvi
  • 528
  • 8
  • 18
3
votes
0 answers

how to embed widget using script tag in react application

I am trying to add a third party widget in my react app but I am not sure how to do. The widget owner wants me to add it via script tag and I tried it in plan HTML file and it is working there. but with my react app It is not. I tried adding the…
special3220
  • 93
  • 1
  • 10
2
votes
1 answer

Failed prop type: [React Widgets] You are attempting to use a widget that requires localization (Calendar, DateTimePicker, NumberPicker)

Im upgrading my system from React 15.4 to React 17.0.2 Im having an issue with React-Widgets Warning: Failed prop type: [React Widgets] You are attempting to use a widget that requires localization (Calendar, DateTimePicker, NumberPicker). However…
morne
  • 4,035
  • 9
  • 50
  • 96
2
votes
0 answers

How to handle dependencies in a React version upgrade

I am upgrading an app built with create-react-app to version 17.0.1. This is my first major upgrade since developing in React. I have a dependency, for example, of react-widgets version 4.4.11. In react-widget's devDependencies I see React 16…
user210757
  • 6,996
  • 17
  • 66
  • 115
2
votes
2 answers

react-widgets DropDownList dynamic load on demand

I would like to use the awesome react-widgets DropDownList to load records on demand from the server. My data load all seems to be working. But when the data prop changes, the DropDownList component is not displaying items, I get a message The…
user210757
  • 6,996
  • 17
  • 66
  • 115
2
votes
1 answer

Props error on DateTimePicker component using react-widgets

I have this simple reusable DateTimePicker component using react-widgets that I am building. Its quite as basic as it can be but I don't have an idea why it throws this error eventhough I had accommodated the rest of the properties inside the…
Raymund
  • 7,684
  • 5
  • 45
  • 78
2
votes
1 answer

redux-form + react-widgets DateTimePicker

i'm working on reactjs with redux im trying to implement the following form in the link https://redux-form.com/7.4.2/examples/react-widgets/ all components working fine except DateTimePicker because of (momentLocaliser) i tried to implement it in…
Zaher Zaki
  • 131
  • 1
  • 2
  • 11
1
vote
1 answer

Filtering in react-widgets combobox: Exact match shows whole list instead of matching item

On the react-widgets example page, on typing "Jase" the list gets filtered and only the exact match is visible. In my project and also the following snippet however, on having typed "Test 1", I see the whole list instead of the one matching…
Adrian Dymorz
  • 875
  • 8
  • 25
0
votes
0 answers

Embeddable React Modal Widget with existing code base where target app is a non React application

I am trying to create an embeddable react modal widget that encapsulates login logic already written within the application. The target app may or may not be a react application, given that this widget will be embedded on numerous different…
catyra1993
  • 1
0
votes
2 answers

How can I create a widget using React

I am trying to create a widget which can be plugged to any website, just like some chat widget. I am trying to below but getting error: const widgetDivs = document.querySelectorAll('.proc_widget'); widgetDivs.forEach((div) => { …
Atul Verma
  • 361
  • 8
  • 22
0
votes
0 answers

Css does not load in React widget built with parcel

I built a react widget with parcel bundler. The sites and it's JavaScript functionality works, but the CSS doesn't load with it, so it looks disfigured. I've tried several methods, but the CSS won't work. *Here is my package Json { "name":…
Genral-walker
  • 23
  • 7
0
votes
1 answer

Parcel outputs "cannot resolve dependency" when building react widget

So I am trying to build a react widget. I have completed the app and it's works fine as a react app, but when I try to build it with parcel as a widget so I can be able to embed it in any website, this is what I get when I run the widget build…
Genral-walker
  • 23
  • 7
0
votes
0 answers

Website breaks after deployment after including react-chat-widget

My app breaks during production build when I try to use react-chat-widget widget. When I delete the widget the problem goes away. Here's my App.js: import Navbar from './Navbar' import 'bootstrap/dist/css/bootstrap.min.css'; import…
Ahmet Uyar
  • 17
  • 5
0
votes
1 answer

bundle.min.js not displaying components in html file

I want to display my react components in simple scrtipt tag (a widget) I created simple react app with npx create-react-app widget_app. I built a react app in single bundle file i.e bundle.min.js by following these steps: npx…
Mubasher Ahmad
  • 75
  • 1
  • 6
0
votes
0 answers

TimePicker icon is missing in DateTimePicker react-widgets

I have just started playing with DateTimePicker from react-widgets. TimerPicker icon is displayed in the widget. I have implemented the same as mentioned in the below…
xaviourprakash
  • 41
  • 2
1
2