PackagePackageA library you install and call yourself.See every one →What this type is →independently maintainedindependently maintainedPublished by one person or a small company outside SAP. Says nothing about quality; the readings say that.See every one →
@marianfoo/ui5-cc-dayjs
A UI5 custom control that writes a date to the page through Day.jsDay.jsA 2 kB JavaScript date library with the same API as Moment.js. For the things here it is what a UI5 control wraps so a view can parse, format and shift a date., with the input format, the output format and any shift of days or months set as control properties.
Two controls declared in an XML view under the ui5-community.dayjs namespace, both extending sap.m.Text. DayjsText renders one date and takes value, inputFormat, outputFormat and a manipulate property covering add, subtract, startOf and endOf; DayjsDiff renders the distance between two dates in a unit the view names, as an integer or a float and optionally absolute. Both read the locale from the Fiori launchpad where there is one and from the browser otherwise, and getDayjsObject hands back the underlying Day.js object where the properties do not reach. It renders text: neither control takes input, so a date a user edits still goes through the framework's own types and a date picker.
Facts
Last pushLicenceApache-2.0 or the Derived Beer-ware License, at the user's choice
Where it sits
Lives in
Provides
Custom controls and librariesUI5Custom controls and librariesExtending the set of controls an app is built from: a control of its own, a wrapper around a third-party widget, or an icon font registered with the framework, packaged so another app can reuse it. Distinct from [Web Components interop](capability:ui5-web-components), which brings in standard custom elements, and from [generators](capability:generators), which scaffold a control project rather than being one.
Requires
Day.jsDay.jsThe library that parses, formats and shifts the date; the controls expose its options as properties and return its object from getDayjsObject.
Who is behind it
Marian ZeisMarian ZeisMaintains this
In the atlas: maintains 35, contributes to 86, wrote 25@marianfoomaintainer
In the atlas: maintains 35, contributes to 86, wrote 25@marianfoomaintainer
Before choosing this
Signals
ActivityQuietNo published releases; repository quiet for 52 months
It publishes no releases, and its repository has been quiet for at least 24 full months. This may be normal for stable software; check whether its current state still fits your use.
What it declares
Every artifact
- Type
- Package
- Origin
- Independently maintained
As a package
- Where it runs
- Inside its host
- Distributed through
- npm
Connections
Group by
NodeRelationBasis
Functional
Custom controls and librariesCustom controls and librariesCustom controls, wrappers and icon fonts packaged for reuseSAP and community, unassessed
provides
stated
provides Custom controls and libraries
Wraps Day.js as two controls a view can declare, so formatting, shifting and comparing a date happen in the control rather than in a formatter function of the app's own.
“Usage of dayjs directly in a UI5 custom control.”“use custom input and output formats (i.e. input format `YYYY-MM-DD` and output format `We/May/2022`)”
Custom controls, wrappers and icon fonts packaged for reuse
Technical
needs
stated
needs Day.js
The library that parses, formats and shifts the date; the controls expose its options as properties and return its object from getDayjsObject.
“Dayjs is a JavaScript library for parsing, validating, and formatting dates.”
A 2 kB JavaScript date library with the same API as Moment.js. For the things here it is what a UI5 control wraps so a view can parse, format and shift a date.
Download
Install
npm add @marianfoo/ui5-cc-dayjsDerived from the package name. No recipe recorded; the README has the configuration.
Where it sits in your app
Download
Day.jsA 2 kB JavaScript date library with the same API as Moment.js. For the things here it is what a UI5 control wraps so a view can parse, format and shift a date.
@marianfoo/ui5-cc-dayjsA UI5 custom control that writes a date to the page through Day.js, with the input format, the output format and any shift of days or months set as control properties.independent, ui5
@marianfoo/ui5-cc-dayjs → Day.jsDocumented onlyThe library that parses, formats and shifts the date; the controls expose its options as properties and return its object from getDayjsObject.
SAPnot SAP's, or the project's owndocumented only
README
quoted from marianfoo/ui5-dayjs, readmarianfoo/ui5-dayjs/README.mdthe maintainer’s wordsOn GitHub
UI5 custom control ui5-cc-dayjs
Usage of dayjs directly in a UI5 custom control.
History
Others providing
Compare all 15 on the Custom controls and libraries page →Custom controls and librariesCustom controls and librariesExtending the set of controls an app is built from: a control of its own, a wrapper around a third-party widget, or an icon font registered with the framework, packaged so another app can reuse it. Distinct from Web Components interop, which brings in standard custom elements, and from generators, which scaffold a control project rather than being one.SAP and community, unassessed
- custom-controlscustom-controlsThirteen custom controls for abap2UI5, a signature pad and a scanner that reads several barcodes at once among them, each one an ABAP builder class with a single render( ) method and all of them shipped in a BSP of their own.community org, abapThirteen custom UI5 controls for abap2UI5 appsfrom ABAP
- @abap2ui5/embed-control@abap2ui5/embed-controlA UI5 custom control that runs an abap2UI5 app inside a host UI5 app, with the abap2UI5 frontend loaded from the backend the app talks to.community org, ui5UI5 custom control that runs an abap2UI5 app inside a host appfrom UI5
- ui5-cc-timerbuttonui5-cc-timerbuttonA UI5 control library with TimerButton, an sap.m.Button that delays becoming enabled or visible and shows other text or an icon in the meantime, with the delay set in milliseconds.independent, ui5UI5 control library with a button that delays enabling or showingfrom UI5
- ui5-control-generatorui5-control-generatorA command-line generator that writes UI5 custom controls, in JavaScript or TypeScript, from the html files in a project, with control logic and renderer split into two files by default.independent, ui5Command line generator of UI5 custom controls from htmlfrom UI5
- ui5-cc-pdfviewerui5-cc-pdfviewerA UI5 custom control that renders a PDF from a base64 data URI with pdfjs-dist, so a file picked in the browser can be shown before it has been uploaded anywhere and has a URL.independent, ui5UI5 custom control rendering a PDF from a base64 data URIfrom UI5
- openui5-passwordopenui5-passwordAn OpenUI5 input control of password type that checks the typed value against length and character-class rules set as properties, and scores password strength in a separate property.independent, ui5OpenUI5 password input with strength scoring and rulesfrom UI5
- openui5-touropenui5-tourAn OpenUI5 control library for a step-by-step guided tour inside a UI5 app, where each TourStep has a title, content, a target control from the view and a placement.independent, ui5OpenUI5 control library for guided app toursfrom UI5
- ui5-lib-visualizationui5-lib-visualizationA UI5 control library that wraps the C3.js charting library as ui5.viz controls (Chart, ChartSeries, ChartDataPoint, ChartAxis, ChartLine, ChartArea and Color) declared in an XML view with data binding.independent, ui5UI5 control library wrapping C3.js charts as ui5.viz controlsfrom UI5
- UI5XUI5XAn OpenUI5 and SAPUI5 library of eight composite controls under the ui5x namespace: skeleton placeholders and a container that swaps them for content, loading wrappers for the responsive and the grid table, an accordion, a copy button, a segmented input and a chat feed.independent, ui5UI5 library of eight composite controls under the ui5x namespacefrom UI5
- openui5-cameraopenui5-cameraA UI5 control that renders a live camera preview from the device's camera and hands the app the picture as a base64-encoded PNG when the user taps it.independent, ui5UI5 control for live camera preview and PNG capturefrom UI5
- ui5-cc-chartui5-cc-chartA UI5 custom control that wraps Chart.js to render a line chart from label and value records, installed as a plain npm dependency with ui5-tooling-modules in ui5.yaml.community org, ui5UI5 custom control wrapping Chart.js for line chartsfrom UI5
- ui5-cc-mdui5-cc-mdA UI5 custom control that renders Markdown, including GitHub-flavoured syntax, to HTML inside an XML view, taking its content from a string, a file path or a model binding.community org, ui5UI5 custom control rendering Markdown to HTMLfrom UI5
- ui5-fontawesome-libui5-fontawesome-libA UI5 library that adds Font Awesome's regular, solid and brand icon sets to the sap-icon:// namespace, addressable from a standard Icon control, for UI5 1.120.33 or later.community org, ui5UI5 library adding Font Awesome icon sets to sap-icon://from UI5
- openui5-paginatoropenui5-paginatorA UI5 custom control that pages through large data in a table, for backends that serve pages over REST rather than OData.independent, ui5A UI5 custom control that pages through large data in a table, for backends that serve pages over REST rather than OData.from UI5
Details
Sources
Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.
Compatibility and provenance
discovered viaGitHub organisations and accounts · marianfoo
first seen in the atlas
ecosystem and domainui5, ui-and-frontend-bridge
History in the atlas
- First seen.
For your agent
- Ref
artifact:marianfoo-ui5-cc-dayjs- JSON
- /artifacts/marianfoo-ui5-cc-dayjs.json
- MCP
- Connecting an agent